Function Post

frontend/threaddit/src/components/Post.jsx:21–249

({ post, isExpanded = false, postIndex, setCommentMode })

};

export function Post({ post, isExpanded = false, postIndex, setCommentMode }) {
  const navigate = useNavigate();
  const { isAuthenticated } = AuthConsumer();
  const vidRef = useRef(null);
  const inView = useInView(vidRef, { amount: "all" });
  const [modalShow, setShowModal] = useState(false);
  const [modalData, setModalData] = useState(<></>);
  useEffect(() => {
    if (isExpanded) {
      document.title = post.post_info.title;
    }
    return () => {
      if (isExpanded) {
        document.title = "Threaddit";
      }
    }
  }, [isExpanded])
  function onMediaClick(mediaType) {
    if (post?.post_info.media) {
      setShowModal(true);
      if (mediaType === "video") {
        setModalData(<ReactPlayer playing controls url={post?.post_info.media} />);
      } else {
        setModalData(
          <img className="object-cover w-11/12 max-h-5/6 md:w-max md:max-h-screen" src={post?.post_info.media.replace("additional_args", "c_auto,g_auto")} alt="" />
        );
      }
    }
  }
  function onReplyClick() {
    if (isAuthenticated) {
      setCommentMode((data) => !data);
    } else {
      alert("You must be logged in to reply.");
    }
  }
  const PostVariant = {
    hidden: {
      opacity: 0,
      y: 100,
    },
    animate: {
      opacity: 1,
      y: 0,
    },
    empty: {},
  };
  function isImage(url) {
    return /(jpg|jpeg|png|webp|avif|gif|svg|image)/.test(url);
  }
  async function handleShare() {
    return navigator.clipboard
      .writeText(`${location.host}/post/${post?.post_info.id}`)
      .then(() => {
        alert("Copied Post Link to clipboard");
      })
      .catch((err) => alert(err));
  }