add refresh button

messages/en-US.json

@@ -3551,6 +3551,7 @@
     "resourceLauncherDefaultView": "Default",
     "resourceLauncherSaveView": "Save View",
     "resourceLauncherSaveToCurrentView": "Save to Current View",
+    "resourceLauncherResetView": "Reset View",
     "resourceLauncherSaveAsNewView": "Save as New View",
     "resourceLauncherSaveAsNewViewDescription": "Give this view a name to save your current filters and layout.",
     "resourceLauncherSaveForEveryone": "Save for Everyone",

src/components/resource-launcher/LauncherRefreshButton.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import { Button } from "@app/components/ui/button";
+import { useTranslations } from "next-intl";
+import { RefreshCw } from "lucide-react";
+
+type LauncherRefreshButtonProps = {
+    onRefresh: () => void;
+    isRefreshing: boolean;
+};
+
+export function LauncherRefreshButton({
+    onRefresh,
+    isRefreshing
+}: LauncherRefreshButtonProps) {
+    const t = useTranslations();
+
+    return (
+        <Button
+            variant="outline"
+            onClick={onRefresh}
+            disabled={isRefreshing}
+            className="shrink-0"
+        >
+            <RefreshCw
+                className={`mr-0 sm:mr-2 h-4 w-4 ${isRefreshing ? "animate-spin" : ""}`}
+            />
+            <span className="hidden sm:inline">{t("refresh")}</span>
+        </Button>
+    );
+}

src/components/resource-launcher/LauncherViewTabs.tsx

@@ -5,6 +5,7 @@ import {
     DropdownMenu,
     DropdownMenuContent,
     DropdownMenuItem,
+    DropdownMenuSeparator,
     DropdownMenuTrigger
 } from "@app/components/ui/dropdown-menu";
 import { useTranslations } from "next-intl";
@@ -71,6 +72,7 @@ type LauncherSaveViewMenuProps = {
     onSaveAsNew: () => void;
     onSaveForEveryone: () => void;
     onMakePersonal: () => void;
+    onResetView: () => void;
 };
 
 export function LauncherSaveViewMenu({
@@ -81,7 +83,8 @@ export function LauncherSaveViewMenu({
     onSaveToCurrent,
     onSaveAsNew,
     onSaveForEveryone,
-    onMakePersonal
+    onMakePersonal,
+    onResetView
 }: LauncherSaveViewMenuProps) {
     const t = useTranslations();
 
@@ -97,7 +100,15 @@ export function LauncherSaveViewMenu({
                 </Button>
             </DropdownMenuTrigger>
             <DropdownMenuContent align="end">
-                {!isDefaultView ? (
+                {hasUnsavedChanges ? (
+                    <>
+                        <DropdownMenuItem onSelect={onResetView}>
+                            {t("resourceLauncherResetView")}
+                        </DropdownMenuItem>
+                        <DropdownMenuSeparator />
+                    </>
+                ) : null}
+                {!isDefaultView && (isAdmin || !isOrgWideView) ? (
                     <DropdownMenuItem onSelect={onSaveToCurrent}>
                         {t("resourceLauncherSaveToCurrentView")}
                     </DropdownMenuItem>

src/components/resource-launcher/ResourceLauncher.tsx

@@ -39,12 +39,20 @@ import { useMutation } from "@tanstack/react-query";
 import { Search } from "lucide-react";
 import { useTranslations } from "next-intl";
 import { useRouter } from "next/navigation";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import {
+    useCallback,
+    useEffect,
+    useMemo,
+    useRef,
+    useState,
+    useTransition
+} from "react";
 import { useDebouncedCallback } from "use-debounce";
 import type { Selectedsite } from "@app/components/site-selector";
 import type { SelectedLabel } from "@app/components/labels-selector";
 import { LauncherFilterPopover } from "./LauncherFilterPopover";
 import { LauncherGroupList } from "./LauncherGroupList";
+import { LauncherRefreshButton } from "./LauncherRefreshButton";
 import { LauncherSettingsMenu } from "./LauncherSettingsMenu";
 import { LauncherSortButton } from "./LauncherSortButton";
 import { LauncherSaveViewMenu, LauncherViewTabs } from "./LauncherViewTabs";
@@ -83,6 +91,7 @@ export default function ResourceLauncher({
     const api = createApiClient({ env });
     const router = useRouter();
     const { navigate, isNavigating, searchParams } = useNavigationContext();
+    const [isRefreshing, startRefreshTransition] = useTransition();
     const hasRestoredLastView = useRef(false);
 
     const [searchInputResetKey, setSearchInputResetKey] = useState(0);
@@ -312,8 +321,28 @@ export default function ResourceLauncher({
         });
     }, [navigateToConfig]);
 
+    const handleResetView = useCallback(() => {
+        searchInputRef.current = savedConfig.query;
+        setSearchInputResetKey((key) => key + 1);
+        navigateToConfig(activeViewIdRef.current, savedConfig);
+    }, [navigateToConfig, savedConfig]);
+
+    const refreshData = () => {
+        startRefreshTransition(async () => {
+            try {
+                router.refresh();
+            } catch {
+                toast({
+                    title: t("error"),
+                    description: t("refreshError"),
+                    variant: "destructive"
+                });
+            }
+        });
+    };
+
     const handleSaveToCurrent = () => {
-        if (isDefaultView) {
+        if (isDefaultView || (isOrgWideView && !isAdmin)) {
             return;
         }
         updateViewMutation.mutate({
@@ -408,6 +437,7 @@ export default function ResourceLauncher({
                             onSaveAsNew={handleSaveAsNew}
                             onSaveForEveryone={handleSaveForEveryone}
                             onMakePersonal={handleMakePersonal}
+                            onResetView={handleResetView}
                         />
                         <LauncherFilterPopover
                             orgId={orgId}
@@ -445,6 +475,10 @@ export default function ResourceLauncher({
                                 }
                             }}
                         />
+                        <LauncherRefreshButton
+                            onRefresh={refreshData}
+                            isRefreshing={isRefreshing || isNavigating}
+                        />
                     </div>
                 </div>
             </div>