style: run prettier

Author: OliverDudgeon

src/components/BaseCard.tsx

@@ -86,7 +86,10 @@ export const BaseCard = ({
         />
       )}
       <CardContent>{children}</CardContent>
-      <CardActions disableSpacing sx={{ justifyContent: "right", display: "flex", alignItems: "flex-start", gap: 1 }}>
+      <CardActions
+        disableSpacing
+        sx={{ justifyContent: "right", display: "flex", alignItems: "flex-start", gap: 1 }}
+      >
         {/* ? should this be a functionCall() or a <ReactElement />
         or should this be separate props with a union and one a never type */}
         {typeof actions === "function" ? actions({ setExpanded }) : actions}

src/components/CreateDatasetStorageSubscription.tsx

@@ -21,10 +21,7 @@ export interface CreateDatasetStorageSubscriptionProps {
 // Define Zod schema for validation
 const productSchema = z.object({
   name: z.string().min(1, "A name is required"),
-  allowance: z
-    .number()
-    .min(1, "Allowance must be at least 1")
-    .int("Allowance must be an integer"),
+  allowance: z.number().min(1, "Allowance must be at least 1").int("Allowance must be an integer"),
 });
 
 export const CreateDatasetStorageSubscription = ({
@@ -36,13 +33,8 @@ export const CreateDatasetStorageSubscription = ({
   const cost = useGetStorageCost();
 
   const form = useForm({
-    defaultValues: {
-      name: "Dataset Storage",
-      allowance: 1000,
-    },
-    validators: {
-      onChange: productSchema,
-    },
+    defaultValues: { name: "Dataset Storage", allowance: 1000 },
+    validators: { onChange: productSchema },
     onSubmit: async ({ value }) => {
       try {
         await createProduct({

src/components/SearchTextField.tsx

@@ -8,23 +8,21 @@ import { getSearchShortcut } from "../utils/platform";
 /**
  * MuiTextField with a search icon at the end and platform-specific keyboard shortcut in label
  */
-export const SearchTextField = forwardRef<HTMLDivElement, TextFieldProps>(
-  (TextFieldProps, ref) => (
-    <TextField
-      label={`Search (${getSearchShortcut()})`}
-      ref={ref}
-      {...TextFieldProps}
-      slotProps={{
-        input: {
-          endAdornment: (
-            <InputAdornment position="end">
-              <SearchRoundedIcon />
-            </InputAdornment>
-          ),
-        },
-      }}
-    />
-  ),
-);
+export const SearchTextField = forwardRef<HTMLDivElement, TextFieldProps>((TextFieldProps, ref) => (
+  <TextField
+    label={`Search (${getSearchShortcut()})`}
+    ref={ref}
+    {...TextFieldProps}
+    slotProps={{
+      input: {
+        endAdornment: (
+          <InputAdornment position="end">
+            <SearchRoundedIcon />
+          </InputAdornment>
+        ),
+      },
+    }}
+  />
+));
 
 SearchTextField.displayName = "SearchTextField";

src/components/eventMessages/StorageChargeMessage.tsx

@@ -19,7 +19,8 @@ export const StorageChargeMessage = ({ bytes, reason }: StorageChargeMessageProp
       </Typography>
 
       <Typography>
-        {reason === StorageReasonEnum.DATASET ? "Dataset" : "Project"} storage charge. {filesize(parsedBytes)} consumed.
+        {reason === StorageReasonEnum.DATASET ? "Dataset" : "Project"} storage charge.{" "}
+        {filesize(parsedBytes)} consumed.
       </Typography>
     </div>
   );

src/components/labels/NewLabelButton.tsx

@@ -33,13 +33,8 @@ export const NewLabelButton = ({ datasetId }: NewLabelButtonProps) => {
   });
 
   const form = useForm({
-    defaultValues: {
-      label: "",
-      value: "",
-    },
-    validators: {
-      onChange: labelSchema,
-    },
+    defaultValues: { label: "", value: "" },
+    validators: { onChange: labelSchema },
     onSubmit: async ({ value }) => {
       try {
         await addAnnotations({

src/components/modals/FormModalWrapper.tsx

@@ -40,10 +40,7 @@ export interface FormModalWrapperProps extends BaseModalWrapperProps {
   form: {
     handleSubmit: () => Promise<void>;
     reset: () => void;
-    state: {
-      canSubmit: boolean;
-      isSubmitting?: boolean;
-    };
+    state: { canSubmit: boolean; isSubmitting?: boolean };
   };
   /**
    * Children can be a function that receives the form instance
@@ -76,10 +73,7 @@ export const FormModalWrapper = ({
     >
       <ModalWrapper
         closeText={closeText}
-        DialogProps={{
-          onTransitionExited: () => form.reset(),
-          ...DialogProps,
-        }}
+        DialogProps={{ onTransitionExited: () => form.reset(), ...DialogProps }}
         id={id}
         open={open}
         submitDisabled={!form.state.canSubmit || !!form.state.isSubmitting}

src/components/products/AdjustProjectProduct.tsx

@@ -42,10 +42,7 @@ export const AdjustProjectProduct = ({ product, allowance }: AdjustProjectProduc
     defaultValues: { name: product.name, allowance },
     validators: { onChange: formSchema },
     onSubmit: (values) => {
-      return adjustProduct({
-        productId: product.id,
-        data: values.value,
-      })
+      return adjustProduct({ productId: product.id, data: values.value })
         .then(() => {
           return Promise.allSettled([
             queryClient.invalidateQueries({ queryKey: getGetProductsQueryKey() }),
@@ -70,10 +67,7 @@ export const AdjustProjectProduct = ({ product, allowance }: AdjustProjectProduc
       form.reset();
       setCurrentAllowance(allowance);
     },
-    state: {
-      canSubmit: form.state.canSubmit,
-      isSubmitting: form.state.isSubmitting,
-    },
+    state: { canSubmit: form.state.canSubmit, isSubmitting: form.state.isSubmitting },
   };
 
   useEffect(() => {

src/components/projects/CreateProject/CreateProjectForm.tsx

@@ -122,11 +122,7 @@ export const CreateProjectForm = ({
       }
 
       const { project_id } = await createProject({
-        data: {
-          name: values.projectName,
-          tier_product_id: productId,
-          private: values.isPrivate,
-        },
+        data: { name: values.projectName, tier_product_id: productId, private: values.isPrivate },
       });
       enqueueSnackbar("Project created");
 
@@ -155,9 +151,7 @@ export const CreateProjectForm = ({
         enqueueError(error);
       }
     },
-    validators: {
-      onChange: formSchema,
-    },
+    validators: { onChange: formSchema },
   });
 
   const formContent = () => (
@@ -244,12 +238,7 @@ export const CreateProjectForm = ({
               {(field) => (
                 <PrivacyToggle
                   defaultPrivacy={defaultPrivacy}
-                  field={{
-                    state: {
-                      value: field.state.value,
-                    },
-                    handleChange: field.handleChange,
-                  }}
+                  field={{ state: { value: field.state.value }, handleChange: field.handleChange }}
                   flavour={form.state.values.flavour}
                 />
               )}

src/components/projects/CreateProject/PrivacyToggle.tsx

@@ -17,12 +17,7 @@ export interface PrivacyToggleProps {
   /**
    * Field object from Tanstack Form
    */
-  field: {
-    state: {
-      value: boolean;
-    };
-    handleChange: (value: boolean) => void;
-  };
+  field: { state: { value: boolean }; handleChange: (value: boolean) => void };
 }
 
 export const PrivacyToggle = ({ flavour, defaultPrivacy, field }: PrivacyToggleProps) => {

src/components/runCards/JobCard/JobCard.tsx

@@ -15,7 +15,6 @@ const compareJobs = (a: JobSummary, b: JobSummary) => {
   return -semver.compare(a.version, b.version);
 };
 
-
 const InstancesList = dynamic<InstancesListProps>(
   () => import("../InstancesList").then((mod) => mod.InstancesList),
   { loading: () => <LinearProgress /> },
@@ -39,7 +38,7 @@ export interface ApplicationCardProps extends Pick<RunJobButtonProps, "projectId
 export const JobCard = ({ projectId, job: jobs, disabled = false }: ApplicationCardProps) => {
   jobs.sort(compareJobs);
   const [selectedJobId, setSelectedJobId] = useState(jobs[0]?.id || "");
-  const job = jobs.find(j => j.id === selectedJobId) as JobSummary;
+  const job = jobs.find((j) => j.id === selectedJobId) as JobSummary;
 
   return (
     <BaseCard