Move input button styles hook to top level

2026-04-14 03:49:06 -04:00
parent b6de1aa462
commit 12f91dca7d
1 changed files with 4 additions and 3 deletions
--- a/app/routes/report.tsx
+++ b/app/routes/report.tsx
@@ -51,6 +51,9 @@ export default function () {
  const toast = useToast();
  const [uploading, setUploading] = useState(false);
  const [loading, setLoading] = useState(false);
+  const inputSelectorProps = useMultiStyleConfig("Button", {
+    colorScheme: "blue",
+  });
  const fileTypes: { [k: string]: string } = {
    avif: "image/avif",
    gif: "image/gif",
@@ -312,9 +315,7 @@ export default function () {
              "::file-selector-button": {
                border: "none",
                outline: "none",
-                ...useMultiStyleConfig("Button", {
-                  colorScheme: "blue",
-                }),
+                ...inputSelectorProps,
              },
            }}
            multiple={true}