Location Edit Form and Files Fixes (#10751)

ohcnetwork · Feb 27, 2025 · 7bb209d · 7bb209d
1 parent 6c95ea4
commit 7bb209d
Showing 1 changed file with 50 additions and 52 deletions.
diff --git a/src/components/Files/FilesTab.tsx b/src/components/Files/FilesTab.tsx
@@ -251,54 +251,52 @@ export const FilesTab = (props: FilesTabProps) => {
     const filetype = getFileType(file);
     return (
       <>
-        {editPermission() && (
-          <div className="flex flex-row gap-2 justify-end">
-            {filetype === "AUDIO" && !file.is_archived && (
-              <Button
-                variant="secondary"
-                onClick={() => {
-                  setSelectedAudioFile(file);
-                  setOpenAudioPlayerDialog(true);
-                }}
-              >
-                <span className="flex flex-row items-center gap-1">
-                  <CareIcon icon="l-play-circle" className="mr-1" />
-                  {t("play")}
-                </span>
-              </Button>
-            )}
-            {fileManager.isPreviewable(file) && (
-              <Button
-                variant="secondary"
-                onClick={() => fileManager.viewFile(file, associatingId)}
-              >
-                <span className="flex flex-row items-center gap-1">
-                  <CareIcon icon="l-eye" />
-                  {t("view")}
-                </span>
+        <div className="flex flex-row gap-2 justify-end">
+          {filetype === "AUDIO" && !file.is_archived && (
+            <Button
+              variant="secondary"
+              onClick={() => {
+                setSelectedAudioFile(file);
+                setOpenAudioPlayerDialog(true);
+              }}
+            >
+              <span className="flex flex-row items-center gap-1">
+                <CareIcon icon="l-play-circle" className="mr-1" />
+                {t("play")}
+              </span>
+            </Button>
+          )}
+          {fileManager.isPreviewable(file) && (
+            <Button
+              variant="secondary"
+              onClick={() => fileManager.viewFile(file, associatingId)}
+            >
+              <span className="flex flex-row items-center gap-1">
+                <CareIcon icon="l-eye" />
+                {t("view")}
+              </span>
+            </Button>
+          )}
+          <DropdownMenu>
+            <DropdownMenuTrigger asChild>
+              <Button variant="secondary">
+                <CareIcon icon="l-ellipsis-h" />
               </Button>
-            )}
-            {
-              <DropdownMenu>
-                <DropdownMenuTrigger asChild>
-                  <Button variant="secondary">
-                    <CareIcon icon="l-ellipsis-h" />
-                  </Button>
-                </DropdownMenuTrigger>
-                <DropdownMenuContent align="start">
-                  <DropdownMenuItem asChild className="text-primary-900">
-                    <Button
-                      size="sm"
-                      onClick={() =>
-                        fileManager.downloadFile(file, associatingId)
-                      }
-                      variant="ghost"
-                      className="w-full flex flex-row justify-stretch items-center"
-                    >
-                      <CareIcon icon="l-arrow-circle-down" className="mr-1" />
-                      <span>{t("download")}</span>
-                    </Button>
-                  </DropdownMenuItem>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent align="end">
+              <DropdownMenuItem asChild className="text-primary-900">
+                <Button
+                  size="sm"
+                  onClick={() => fileManager.downloadFile(file, associatingId)}
+                  variant="ghost"
+                  className="w-full flex flex-row justify-stretch items-center"
+                >
+                  <CareIcon icon="l-arrow-circle-down" className="mr-1" />
+                  <span>{t("download")}</span>
+                </Button>
+              </DropdownMenuItem>
+              {editPermission() && (
+                <>
                   <DropdownMenuItem asChild className="text-primary-900">
                     <Button
                       size="sm"
@@ -323,11 +321,11 @@ export const FilesTab = (props: FilesTabProps) => {
                       <span>{t("rename")}</span>
                     </Button>
                   </DropdownMenuItem>
-                </DropdownMenuContent>
-              </DropdownMenu>
-            }
-          </div>
-        )}
+                </>
+              )}
+            </DropdownMenuContent>
+          </DropdownMenu>
+        </div>
       </>
     );
   };