feat: Add more pages

src/pages/Media/MediaPreviewPage/index.tsx

@@ -0,0 +1,44 @@
+import { mediaStore } from "@shared";
+import { useEffect } from "react";
+import { useParams } from "react-router-dom";
+import { MediaViewer } from "@widgets";
+import { observer } from "mobx-react-lite";
+import { Download } from "lucide-react";
+import { Button } from "@mui/material";
+
+export const MediaPreviewPage = observer(() => {
+  const { id } = useParams();
+  const { oneMedia, getOneMedia } = mediaStore;
+
+  useEffect(() => {
+    getOneMedia(id!);
+  }, []);
+
+  return (
+    <div className="w-full h-[80vh] flex flex-col justify-center items-center gap-4">
+      <div className="w-full h-full flex justify-center items-center">
+        <MediaViewer className="w-full h-full" media={oneMedia!} />
+      </div>
+
+      {oneMedia && (
+        <div className="flex flex-col items-center gap-4 bg-[#998879] p-4 rounded-md">
+          <p className="text-white text-center">
+            Чтобы скачать файл, нажмите на кнопку ниже
+          </p>
+          <Button
+            variant="contained"
+            color="primary"
+            startIcon={<Download size={16} />}
+            component="a"
+            href={`${
+              import.meta.env.VITE_KRBL_MEDIA
+            }${id}/download?token=${localStorage.getItem("token")}`}
+            target="_blank"
+          >
+            Скачать
+          </Button>
+        </div>
+      )}
+    </div>
+  );
+});