fix: Fix panorama + route scale data

src/pages/Route/route-preview/Constants.ts

@@ -1,7 +1,7 @@
-export const UP_SCALE = 30000;
-export const PATH_WIDTH = 15;
-export const STATION_RADIUS = 20;
-export const STATION_OUTLINE_WIDTH = 10;
+export const UP_SCALE = 10000;
+export const PATH_WIDTH = 5;
+export const STATION_RADIUS = 8;
+export const STATION_OUTLINE_WIDTH = 4;
 export const SIGHT_SIZE = 40;
 export const SCALE_FACTOR = 50;
 

src/pages/Route/route-preview/Widgets.tsx

@@ -57,8 +57,8 @@ export function Widgets() {
                 mb: 1,
               }}
             >
-              <Box sx={{ display: "flex", alignItems: "center", gap: 0.5 }}>
-                <Landmark size={16} />
+              <Box sx={{ display: "flex", gap: 0.5 }}>
+                <Landmark size={16} className="shrink-0" />
                 <Typography
                   variant="subtitle2"
                   sx={{ color: "#fff", fontWeight: "bold" }}

src/pages/Route/route-preview/index.tsx

@@ -165,6 +165,7 @@ export const RouteMap = observer(() => {
 
   return (
     <div style={{ width: "100%", height: "100%" }} ref={parentRef}>
+      <LanguageSwitcher />
       <Application resizeTo={parentRef} background="#fff">
         <InfiniteCanvas>
           <TravelPath points={points} />

src/pages/Snapshot/SnapshotListPage/index.tsx

@@ -117,12 +117,15 @@ export const SnapshotListPage = observer(() => {
 
       <SnapshotRestore
         open={isRestoreModalOpen}
+        loading={isLoading}
         onDelete={async () => {
+          setIsLoading(true);
           if (rowId) {
             await restoreSnapshot(rowId);
           }
           setIsRestoreModalOpen(false);
           setRowId(null);
+          setIsLoading(false);
         }}
         onCancel={() => {
           setIsRestoreModalOpen(false);

src/widgets/MediaArea/index.tsx

@@ -109,6 +109,7 @@ export const MediaArea = observer(
                     media_type: m.media_type,
                     filename: m.filename,
                   }}
+                  height="40px"
                 />
                 <button
                   className="absolute top-2 right-2"

src/widgets/MediaViewer/index.tsx

@@ -12,11 +12,15 @@ export interface MediaData {
 export function MediaViewer({
   media,
   className,
+  height,
+  width,
   fullWidth,
   fullHeight,
 }: Readonly<{
   media?: MediaData;
   className?: string;
+  height?: string;
+  width?: string;
   fullWidth?: boolean;
   fullHeight?: boolean;
 }>) {
@@ -42,8 +46,8 @@ export function MediaViewer({
           }/download?token=${token}`}
           alt={media?.filename}
           style={{
-            height: fullHeight ? "100%" : "auto",
-            width: fullWidth ? "100%" : "auto",
+            height: fullHeight ? "100%" : height ? height : "auto",
+            width: fullWidth ? "100%" : width ? width : "auto",
             ...(media?.filename?.toLowerCase().endsWith(".webp") && {
               maxWidth: "300px",
               maxHeight: "300px",
@@ -59,8 +63,8 @@ export function MediaViewer({
             media?.id
           }/download?token=${token}`}
           style={{
-            width: "100%",
-            height: "100%",
+            width: width ? width : "100%",
+            height: height ? height : "100%",
             objectFit: "cover",
             borderRadius: 8,
           }}
@@ -76,8 +80,8 @@ export function MediaViewer({
           }/download?token=${token}`}
           alt={media?.filename}
           style={{
-            height: fullHeight ? "100%" : "auto",
-            width: fullWidth ? "100%" : "auto",
+            height: fullHeight ? "100%" : height ? height : "auto",
+            width: fullWidth ? "100%" : width ? width : "auto",
           }}
         />
       )}
@@ -98,8 +102,8 @@ export function MediaViewer({
           src={`${import.meta.env.VITE_KRBL_MEDIA}${
             media?.id
           }/download?token=${token}`}
-          width={"100%"}
-          height={"100%"}
+          width={width ? width : "500px"}
+          height={height ? height : "300px"}
         />
       )}
 
@@ -108,8 +112,8 @@ export function MediaViewer({
           fileUrl={`${import.meta.env.VITE_KRBL_MEDIA}${
             media?.id
           }/download?token=${token}`}
-          height="500px"
-          width="500px"
+          height={height ? height : "500px"}
+          width={width ? width : "500px"}
         />
       )}
     </Box>

src/widgets/SnapshotRestore/index.tsx

@@ -1,13 +1,15 @@
-import { Button } from "@mui/material";
+import { Button, CircularProgress } from "@mui/material";
 
 export const SnapshotRestore = ({
   onDelete,
   onCancel,
   open,
+  loading = false,
 }: {
   onDelete: () => void;
   onCancel: () => void;
   open: boolean;
+  loading?: boolean;
 }) => {
   return (
     <div
@@ -23,10 +25,22 @@ export const SnapshotRestore = ({
           Это действие нельзя будет отменить.
         </p>
         <div className="flex gap-4 justify-center">
-          <Button variant="contained" color="primary" onClick={onDelete}>
-            Да
+          <Button
+            variant="contained"
+            color="primary"
+            onClick={onDelete}
+            disabled={loading}
+            startIcon={
+              loading ? (
+                <CircularProgress size={16} color="inherit" />
+              ) : undefined
+            }
+          >
+            {loading ? "Восстановление..." : "Да"}
+          </Button>
+          <Button onClick={onCancel} disabled={loading}>
+            Нет
           </Button>
-          <Button onClick={onCancel}>Нет</Button>
         </div>
       </div>
     </div>