feat: add discard button

Author: peppescg

src/features/workspace/components/workspace-custom-instructions.tsx

@@ -337,7 +337,6 @@ export function WorkspaceCustomInstructions({
           isPending={isMutationPending}
           isDisabled={Boolean(isArchived ?? isCustomInstructionsPending)}
           onPress={() => handleSubmit(value)}
-          variant="secondary"
         >
           Save
         </Button>

src/features/workspace/components/workspace-model-overrides.tsx

@@ -88,15 +88,18 @@ export function WorkspaceModelOverrides({
   workspaceName: string;
   isArchived: boolean | undefined;
 }) {
-  const { overrides, addOverride, setOverrides } = useModelOverridesWorkspace();
+  const { overrides, addOverride, setOverrides, resetOverrides } =
+    useModelOverridesWorkspace();
   const { mutateAsync } = useMutationModelOverridesWorkspace();
 
   const handleSubmit = (event: FormEvent) => {
     event.preventDefault();
     mutateAsync({
       path: { workspace_name: workspaceName },
-      body: overrides.map((item) => ({
-        ...item,
+      body: overrides.map(({ matcher, model, provider }) => ({
+        matcher,
+        provider,
+        model,
         matcher_type: MuxMatcherType.FILE_REGEX,
       })),
     });
@@ -141,13 +144,22 @@ export function WorkspaceModelOverrides({
           <Button className="w-fit" variant="tertiary" onPress={addOverride}>
             <Plus /> Additional Filter
           </Button>
-          <Button
-            variant="secondary"
-            isDisabled={isArchived || workspaceName === ""}
-            type="submit"
-          >
-            Save
-          </Button>
+          <div className="flex gap-2">
+            <Button
+              variant="secondary"
+              isDestructive
+              isDisabled={isArchived || workspaceName === ""}
+              onPress={resetOverrides}
+            >
+              Discard
+            </Button>
+            <Button
+              isDisabled={isArchived || workspaceName === ""}
+              type="submit"
+            >
+              Save
+            </Button>
+          </div>
         </CardFooter>
       </Card>
     </Form>

src/features/workspace/components/workspace-name.tsx

@@ -71,7 +71,6 @@ export function WorkspaceName({
             isDisabled={isArchived || name === ""}
             isPending={isPending}
             type="submit"
-            variant="secondary"
           >
             Save
           </Button>

src/features/workspace/hooks/use-model-overrides-workspace.ts

@@ -8,6 +8,7 @@ export type OverrideRule = Omit<MuxRule, "matcher_type"> & {
 
 type State = {
   removeOverride: (index: number) => void;
+  resetOverrides: () => void;
   addOverride: () => void;
   setOverrides: (overrides: OverrideRule[]) => void;
   setOverrideItem: (
@@ -47,6 +48,11 @@ export const useModelOverridesWorkspace = create<State>((set, get) => ({
       ],
     });
   },
+  resetOverrides: () => {
+    set({
+      overrides: [{ id: uuidv4(), matcher: "", model: "", provider: "" }],
+    });
+  },
   removeOverride: (overrideIndex: number) => {
     const { overrides } = get();
     set({