created share modal

src/components/MainSection/index.tsx

@@ -10,9 +10,14 @@ import Medias from "../Medias";
 import { useAppSelector } from "../../hooks/store";
 import PhotoViewerPopup from "../PhotoViewerPopup";
 import FileInfoPopup from "../FileInfoPopup";
+import SharePopup from "../SharePopup";
 
 const MainSection = memo(() => {
   const selectedItem = useAppSelector((state) => state.selected.popupModal);
+  const shareModalItem = useAppSelector(
+    (state) => state.selected.shareModal.file
+  );
+
   const { isMedia } = useUtils();
   return (
     <div>
@@ -30,6 +35,8 @@ const MainSection = memo(() => {
           <FileInfoPopup />
         ) : undefined}
 
+        {shareModalItem && <SharePopup />}
+
         <div className="flex flex-row h-screen w-screen pt-16">
           <LeftSection />