trampa-frontend/src/components/ProfileMini/ProfileMini.js

import React, { useMemo } from "react";
import {
  ProfileHeader,
  ProfileHeaderIconContainer,
  ProfileHeaderText,
} from "./ProfileMini.styled";
import { useSelector } from "react-redux";
import { selectOffer } from "../../store/selectors/offersSelectors";
import { selectUserId } from "../../store/selectors/loginSelectors";
import { ReactComponent as ProfileIcon } from "../../assets/images/svg/user-gray.svg";
import ItemDetailsHeaderCard from "../ItemDetails/ItemDetailsHeaderCard/ItemDetailsHeaderCard";
import { useTranslation } from "react-i18next";

const ProfileMini = () => {
  const offer = useSelector(selectOffer);
  const userId = useSelector(selectUserId);
  const { t } = useTranslation();
  let isMyProfile = useMemo(() => {
    if (offer?.offer?.userId?.toString() === userId?.toString()) {
      return true;
    }
    return false;
  }, [offer, userId]);
  return (
    <ProfileHeader>
      <ProfileHeaderIconContainer>
        <ProfileIcon />
        <ProfileHeaderText>{t("profile.companyProfile")}</ProfileHeaderText>
      </ProfileHeaderIconContainer>
      <ItemDetailsHeaderCard
        offer={offer}
        isMyProfile={isMyProfile}
        singleOffer
      />
    </ProfileHeader>
  );
};

export default ProfileMini;