feat: upload file hint

mrevanzak · Jun 30, 2024 · 989986a · 989986a
1 parent 12e3ab3
commit 989986a
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/apps/web/public/locales/en.json b/apps/web/public/locales/en.json
@@ -14,6 +14,7 @@
     "documents": {
       "title": "Documents",
       "upload": "Upload New Document",
+      "uploadHint": "Only .pdf files are allowed",
       "search": "Search document...",
       "empty": "No documents found",
       "hint": "Drag and drop a document to upload",

diff --git a/apps/web/public/locales/id.json b/apps/web/public/locales/id.json
@@ -14,6 +14,7 @@
     "documents": {
       "title": "Dokumen",
       "upload": "Unggah dokumen baru",
+      "uploadHint": "Hanya menerima file PDF",
       "search": "Cari dokumen...",
       "empty": "Tidak ada dokumen",
       "hint": "Seret dan lepas dokumen di sini untuk mengunggah",

diff --git a/apps/web/src/app/(app)/@admin/documents/dropzone.tsx b/apps/web/src/app/(app)/@admin/documents/dropzone.tsx
@@ -5,7 +5,7 @@ import { useRef, useState } from "react";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { api } from "@/trpc/react";
 import { Dropzone, PDF_MIME_TYPE } from "@mantine/dropzone";
-import { Spinner } from "@nextui-org/react";
+import { Spinner, Tooltip } from "@nextui-org/react";
 import { useTranslations } from "next-intl";
 import { FaUpload, FaXmark } from "react-icons/fa6";
 import { useDebounceCallback } from "usehooks-ts";
@@ -50,9 +50,11 @@ export function DropzoneContainer({
           isClearable
           onClear={() => searchHandler("")}
         />
-        <Button color="primary" onClick={() => openRef.current?.()}>
-          {t("upload")}
-        </Button>
+        <Tooltip content={t("uploadHint")} placement="top">
+          <Button color="primary" onClick={() => openRef.current?.()}>
+            {t("upload")}
+          </Button>
+        </Tooltip>
       </div>
       <div className="mx-auto w-full">
         <Dropzone