panjareh/src/components/messageInfo.js

Panjareh using aparat and phoenix-video-player to play videos on desktops and tvs.

import React from "react";
import "../assets/font.css";
import consts from "../config/consts";

const Message = {
  notFound: {
    title: "این محتوا موجود نیست",
    description:
      "این محتوا هنوز موجود نیست یا به دلیلی از حالت انتشار خارج شده. فعلا می‌توانید از سایر محتواها استفاده کنید",
    primaryLinkTitle: "رفتن به صفحه اصلی",
  },
  unavailable: {
    title: "این محتوا موجود نیست",
    description:
      "این محتوا هنوز موجود نیست یا به دلیلی از حالت انتشار خارج شده. فعلا می‌توانید از سایر محتواها استفاده کنید",
    primaryLinkTitle: "رفتن به صفحه اصلی",
  },
  commingsoon: {
    title: "این فیلم به زودی منتشر خواهد شد",
    description:
      "این محتوا به زودی در تلوبیون منتشر می‌شود و قابل مشاهده خواهد شد. فعلا می‌توانید از سایر محتواها استفاده کنید",
    primaryLinkTitle: "رفتن به صفحه اصلی",
  },
  vpn: {
    title: "امکان پخش وجود ندارد، لطفا وی پی ان (فیلترشکن) خود را خاموش کنید",
    description:
      "دسترسی این محتوا برای خارج از کشور ایران محدود شده. وی پی ان (فیلترشکن) خود را خاموش کنید و این محتوا را با اینترنت نیم‌بها تماشا کنید",
    primaryLinkTitle: "رفتن به صفحه اصلی",
  },
  chooseProfile: {
    title: "چه کسی در حال تماشا است؟",
    description: "لطفا برای تماشای این محتوا ابتدا پروفایل خود را انتخاب کنید",
    primaryLinkTitle: "انتخاب پروفایل",
  },
  problem: {
    title: "پخش این فیلم با مشکل مواجه شده است",
    description:
      "مشکلی در پخش به وجود امده لطفا اتصال خود به اینترنت را چک کنید و مجدد تلاش کنید",
  },
  ekran: {
    title: "برای اکران آنلاین این فیلم، نیاز به تهیه بلیت دارید ",
    primaryLinkTitle: "رفتن به صفحه فیلم",
  },
};

function MessageInfo({ productStatus, url = consts.SITE_URL }) {
  const MessageCard = ({ message }) => {
    return message ? (
      <div className="message-info-card">
        <div className="message-info-card__title">{message.title}</div>
        <div className="message-info-card__description">
          {message.description}
        </div>
        <div>
          <a href={url} className="message-info-card__button">
            {message.primaryLinkTitle}
          </a>
        </div>
      </div>
    ) : (
      <div />
    );
  };

  return <MessageCard message={Message[productStatus]} />;
}

export default MessageInfo;