- setEditForm({ ...editForm, name: e.target.value })}
- />
+ setEditForm({ ...editForm, name: e.target.value })} />
diff --git a/apps/app/src/components/modals/share-details-modal.tsx b/apps/app/src/components/modals/share-details-modal.tsx
index 1f6c0f0..8409846 100644
--- a/apps/app/src/components/modals/share-details-modal.tsx
+++ b/apps/app/src/components/modals/share-details-modal.tsx
@@ -1,21 +1,22 @@
-import { getShare } from "@/http/endpoints";
-import { getFileIcon } from "@/utils/file-icons";
-import { Button } from "@/components/ui/button";
+import { useEffect, useState } from "react";
+import { IconLock, IconLockOpen, IconMail } from "@tabler/icons-react";
+import { format } from "date-fns";
+import { useTranslations } from "next-intl";
+import { toast } from "sonner";
+
import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
import {
Dialog,
DialogContent,
- DialogHeader,
- DialogFooter,
- DialogTitle,
DialogDescription,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
} from "@/components/ui/dialog";
import { Loader } from "@/components/ui/loader";
-import { format } from "date-fns";
-import { useTranslations } from "next-intl";
-import { useEffect, useState } from "react";
-import { IconLock, IconLockOpen, IconMail } from "@tabler/icons-react";
-import { toast } from "sonner";
+import { getShare } from "@/http/endpoints";
+import { getFileIcon } from "@/utils/file-icons";
interface ShareDetailsModalProps {
shareId: string | null;
@@ -147,14 +148,16 @@ export function ShareDetailsModal({ shareId, onClose }: ShareDetailsModalProps)
)}
{share.security?.maxViews && (
- {t("shareDetails.maxViews")} { share.security.maxViews }
+ {t("shareDetails.maxViews")} {share.security.maxViews}
)}
-
{t("shareDetails.files")} ({share.files?.length || 0})
+
+ {t("shareDetails.files")} ({share.files?.length || 0})
+
{share.files?.map((file: ShareFile) => {
const { icon: FileIcon, color } = getFileIcon(file.name);
@@ -185,9 +188,7 @@ export function ShareDetailsModal({ shareId, onClose }: ShareDetailsModalProps)
)}
-
+
diff --git a/apps/app/src/components/modals/upload-file-modal.tsx b/apps/app/src/components/modals/upload-file-modal.tsx
index 2e30dd8..c2fb0a8 100644
--- a/apps/app/src/components/modals/upload-file-modal.tsx
+++ b/apps/app/src/components/modals/upload-file-modal.tsx
@@ -1,22 +1,17 @@
"use client";
-import { getPresignedUrl, registerFile } from "@/http/endpoints";
-import { generateSafeFileName } from "@/utils/file-utils";
-import { Button } from "@/components/ui/button";
-import {
- Dialog,
- DialogContent,
- DialogHeader,
- DialogTitle,
- DialogFooter,
-} from "@/components/ui/dialog";
-import { Progress } from "@/components/ui/progress";
+import { useEffect, useRef, useState } from "react";
+import { IconCloudUpload, IconFileText, IconFileTypePdf, IconFileTypography, IconPhoto } from "@tabler/icons-react";
import axios from "axios";
import { useTranslations } from "next-intl";
-import { useState, useRef, useEffect } from "react";
-import { IconCloudUpload, IconFileText, IconPhoto, IconFileTypography, IconFileTypePdf } from "@tabler/icons-react";
import { toast } from "sonner";
+import { Button } from "@/components/ui/button";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog";
+import { Progress } from "@/components/ui/progress";
+import { getPresignedUrl, registerFile } from "@/http/endpoints";
+import { generateSafeFileName } from "@/utils/file-utils";
+
interface UploadFileModalProps {
isOpen: boolean;
onClose: () => void;
@@ -151,19 +146,12 @@ export function UploadFileModal({ isOpen, onClose, onSuccess }: UploadFileModalP
{/* */}
- {selectedFile.name.length > 40
- ? selectedFile.name.substring(0, 40) + "..."
- : selectedFile.name}
- {' '} ({selectedFile.size / 1000} KB)
+ {selectedFile.name.length > 40 ? selectedFile.name.substring(0, 40) + "..." : selectedFile.name} (
+ {selectedFile.size / 1000} KB)