~ format project files using prettier local configuration

2025-01-19 17:33:27 +03:00
parent 266c7fa070
commit 80d7e52b32
20 changed files with 346 additions and 505 deletions
--- a/src/pages/blog-posts/create.tsx
+++ b/src/pages/blog-posts/create.tsx
@ -1,120 +1,96 @@
-import { Autocomplete, Box, MenuItem, Select, TextField } from "@mui/material";
-import { Create, useAutocomplete } from "@refinedev/mui";
-import { useForm } from "@refinedev/react-hook-form";
-import React from "react";
-import { Controller } from "react-hook-form";
+import {Autocomplete, Box, MenuItem, Select, TextField} from '@mui/material'
+import {Create, useAutocomplete} from '@refinedev/mui'
+import {useForm} from '@refinedev/react-hook-form'
+import React from 'react'
+import {Controller} from 'react-hook-form'

 export const BlogPostCreate = () => {
  const {
    saveButtonProps,
-    refineCore: { formLoading },
+    refineCore: {formLoading},
    register,
    control,
-    formState: { errors },
-  } = useForm({});
+    formState: {errors},
+  } = useForm({})

-  const { autocompleteProps: categoryAutocompleteProps } = useAutocomplete({
-    resource: "categories",
-  });
+  const {autocompleteProps: categoryAutocompleteProps} = useAutocomplete({
+    resource: 'categories',
+  })

  return (
    <Create isLoading={formLoading} saveButtonProps={saveButtonProps}>
-      <Box
-        component="form"
-        sx={{ display: "flex", flexDirection: "column" }}
-        autoComplete="off"
-      >
+      <Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off">
        <TextField
-          {...register("title", {
-            required: "This field is required",
+          {...register('title', {
+            required: 'This field is required',
          })}
          error={!!(errors as any)?.title}
          helperText={(errors as any)?.title?.message}
          margin="normal"
          fullWidth
-          InputLabelProps={{ shrink: true }}
+          InputLabelProps={{shrink: true}}
          type="text"
-          label={"Title"}
+          label={'Title'}
          name="title"
        />
        <TextField
-          {...register("content", {
-            required: "This field is required",
+          {...register('content', {
+            required: 'This field is required',
          })}
          error={!!(errors as any)?.content}
          helperText={(errors as any)?.content?.message}
          margin="normal"
          fullWidth
-          InputLabelProps={{ shrink: true }}
+          InputLabelProps={{shrink: true}}
          multiline
-          label={"Content"}
+          label={'Content'}
          name="content"
        />
        <Controller
          control={control}
-          name={"category.id"}
-          rules={{ required: "This field is required" }}
+          name={'category.id'}
+          rules={{required: 'This field is required'}}
          // eslint-disable-next-line
          defaultValue={null as any}
-          render={({ field }) => (
+          render={({field}) => (
            <Autocomplete
              {...categoryAutocompleteProps}
              {...field}
              onChange={(_, value) => {
-                field.onChange(value.id);
+                field.onChange(value.id)
              }}
              getOptionLabel={(item) => {
                return (
                  categoryAutocompleteProps?.options?.find((p) => {
-                    const itemId =
-                      typeof item === "object"
-                        ? item?.id?.toString()
-                        : item?.toString();
-                    const pId = p?.id?.toString();
-                    return itemId === pId;
-                  })?.title ?? ""
-                );
+                    const itemId = typeof item === 'object' ? item?.id?.toString() : item?.toString()
+                    const pId = p?.id?.toString()
+                    return itemId === pId
+                  })?.title ?? ''
+                )
              }}
              isOptionEqualToValue={(option, value) => {
-                const optionId = option?.id?.toString();
-                const valueId =
-                  typeof value === "object"
-                    ? value?.id?.toString()
-                    : value?.toString();
-                return value === undefined || optionId === valueId;
+                const optionId = option?.id?.toString()
+                const valueId = typeof value === 'object' ? value?.id?.toString() : value?.toString()
+                return value === undefined || optionId === valueId
              }}
-              renderInput={(params) => (
-                <TextField
-                  {...params}
-                  label={"Category"}
-                  margin="normal"
-                  variant="outlined"
-                  error={!!(errors as any)?.category?.id}
-                  helperText={(errors as any)?.category?.id?.message}
-                  required
-                />
-              )}
+              renderInput={(params) => <TextField {...params} label={'Category'} margin="normal" variant="outlined" error={!!(errors as any)?.category?.id} helperText={(errors as any)?.category?.id?.message} required />}
            />
          )}
        />
        <Controller
          name="status"
          control={control}
-          render={({ field }) => {
+          render={({field}) => {
            return (
-              <Select
-                {...field}
-                value={field?.value || "draft"}
-                label={"Status"}
-              >
+              <Select {...field} value={field?.value || 'draft'} label={'Status'}>
                <MenuItem value="draft">Draft</MenuItem>
                <MenuItem value="published">Published</MenuItem>
                <MenuItem value="rejected">Rejected</MenuItem>
              </Select>
-            );
+            )
          }}
        />
      </Box>
    </Create>
-  );
-};
+  )
+}
--- a/src/pages/blog-posts/edit.tsx
+++ b/src/pages/blog-posts/edit.tsx
@ -1,125 +1,101 @@
-import { Autocomplete, Box, Select, TextField } from "@mui/material";
-import MenuItem from "@mui/material/MenuItem";
-import { Edit, useAutocomplete } from "@refinedev/mui";
-import { useForm } from "@refinedev/react-hook-form";
-import React from "react";
-import { Controller } from "react-hook-form";
+import {Autocomplete, Box, Select, TextField} from '@mui/material'
+import MenuItem from '@mui/material/MenuItem'
+import {Edit, useAutocomplete} from '@refinedev/mui'
+import {useForm} from '@refinedev/react-hook-form'
+import React from 'react'
+import {Controller} from 'react-hook-form'

 export const BlogPostEdit = () => {
  const {
    saveButtonProps,
-    refineCore: { queryResult, formLoading },
+    refineCore: {queryResult, formLoading},
    register,
    control,
-    formState: { errors },
-  } = useForm({});
+    formState: {errors},
+  } = useForm({})

-  const blogPostsData = queryResult?.data?.data;
+  const blogPostsData = queryResult?.data?.data

-  const { autocompleteProps: categoryAutocompleteProps } = useAutocomplete({
-    resource: "categories",
+  const {autocompleteProps: categoryAutocompleteProps} = useAutocomplete({
+    resource: 'categories',
    defaultValue: blogPostsData?.category?.id,
-  });
+  })

  return (
    <Edit isLoading={formLoading} saveButtonProps={saveButtonProps}>
-      <Box
-        component="form"
-        sx={{ display: "flex", flexDirection: "column" }}
-        autoComplete="off"
-      >
+      <Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off">
        <TextField
-          {...register("title", {
-            required: "This field is required",
+          {...register('title', {
+            required: 'This field is required',
          })}
          error={!!(errors as any)?.title}
          helperText={(errors as any)?.title?.message}
          margin="normal"
          fullWidth
-          InputLabelProps={{ shrink: true }}
+          InputLabelProps={{shrink: true}}
          type="text"
-          label={"Title"}
+          label={'Title'}
          name="title"
        />
        <TextField
-          {...register("content", {
-            required: "This field is required",
+          {...register('content', {
+            required: 'This field is required',
          })}
          error={!!(errors as any)?.content}
          helperText={(errors as any)?.content?.message}
          margin="normal"
          fullWidth
-          InputLabelProps={{ shrink: true }}
+          InputLabelProps={{shrink: true}}
          multiline
-          label={"Content"}
+          label={'Content'}
          name="content"
          rows={4}
        />
        <Controller
          control={control}
-          name={"category.id"}
-          rules={{ required: "This field is required" }}
+          name={'category.id'}
+          rules={{required: 'This field is required'}}
          // eslint-disable-next-line
          defaultValue={null as any}
-          render={({ field }) => (
+          render={({field}) => (
            <Autocomplete
              {...categoryAutocompleteProps}
              {...field}
              onChange={(_, value) => {
-                field.onChange(value.id);
+                field.onChange(value.id)
              }}
              getOptionLabel={(item) => {
                return (
                  categoryAutocompleteProps?.options?.find((p) => {
-                    const itemId =
-                      typeof item === "object"
-                        ? item?.id?.toString()
-                        : item?.toString();
-                    const pId = p?.id?.toString();
-                    return itemId === pId;
-                  })?.title ?? ""
-                );
+                    const itemId = typeof item === 'object' ? item?.id?.toString() : item?.toString()
+                    const pId = p?.id?.toString()
+                    return itemId === pId
+                  })?.title ?? ''
+                )
              }}
              isOptionEqualToValue={(option, value) => {
-                const optionId = option?.id?.toString();
-                const valueId =
-                  typeof value === "object"
-                    ? value?.id?.toString()
-                    : value?.toString();
-                return value === undefined || optionId === valueId;
+                const optionId = option?.id?.toString()
+                const valueId = typeof value === 'object' ? value?.id?.toString() : value?.toString()
+                return value === undefined || optionId === valueId
              }}
-              renderInput={(params) => (
-                <TextField
-                  {...params}
-                  label={"Category"}
-                  margin="normal"
-                  variant="outlined"
-                  error={!!(errors as any)?.category?.id}
-                  helperText={(errors as any)?.category?.id?.message}
-                  required
-                />
-              )}
+              renderInput={(params) => <TextField {...params} label={'Category'} margin="normal" variant="outlined" error={!!(errors as any)?.category?.id} helperText={(errors as any)?.category?.id?.message} required />}
            />
          )}
        />
        <Controller
          name="status"
          control={control}
-          render={({ field }) => {
+          render={({field}) => {
            return (
-              <Select
-                {...field}
-                value={field?.value || "draft"}
-                label={"Status"}
-              >
+              <Select {...field} value={field?.value || 'draft'} label={'Status'}>
                <MenuItem value="draft">Draft</MenuItem>
                <MenuItem value="published">Published</MenuItem>
                <MenuItem value="rejected">Rejected</MenuItem>
              </Select>
-            );
+            )
          }}
        />
      </Box>
    </Edit>
-  );
-};
+  )
+}
--- a/src/pages/blog-posts/index.ts
+++ b/src/pages/blog-posts/index.ts
@ -1,4 +1,4 @@
-export * from "./create";
-export * from "./edit";
-export * from "./list";
-export * from "./show";
+export * from './create'
+export * from './edit'
+export * from './list'
+export * from './show'
--- a/src/pages/blog-posts/list.tsx
+++ b/src/pages/blog-posts/list.tsx
@ -1,124 +1,105 @@
-import { DataGrid, type GridColDef } from "@mui/x-data-grid";
-import { useMany } from "@refinedev/core";
-import {
-  DateField,
-  DeleteButton,
-  EditButton,
-  List,
-  ShowButton,
-  useDataGrid,
-} from "@refinedev/mui";
-import { Typography } from "@mui/material";
-import React from "react";
+import {DataGrid, type GridColDef} from '@mui/x-data-grid'
+import {useMany} from '@refinedev/core'
+import {DateField, DeleteButton, EditButton, List, ShowButton, useDataGrid} from '@refinedev/mui'
+import {Typography} from '@mui/material'
+import React from 'react'

 export const BlogPostList = () => {
-  const { dataGridProps } = useDataGrid({});
+  const {dataGridProps} = useDataGrid({})

-  const { data: categoryData, isLoading: categoryIsLoading } = useMany({
-    resource: "categories",
-    ids:
-      dataGridProps?.rows
-        ?.map((item: any) => item?.category?.id)
-        .filter(Boolean) ?? [],
+  const {data: categoryData, isLoading: categoryIsLoading} = useMany({
+    resource: 'categories',
+    ids: dataGridProps?.rows?.map((item: any) => item?.category?.id).filter(Boolean) ?? [],
    queryOptions: {
      enabled: !!dataGridProps?.rows,
    },
-  });
+  })

  const columns = React.useMemo<GridColDef[]>(
    () => [
      {
-        field: "id",
-        headerName: "ID",
-        type: "number",
+        field: 'id',
+        headerName: 'ID',
+        type: 'number',
        minWidth: 50,
-        display: "flex",
-        align: "left",
-        headerAlign: "left",
+        display: 'flex',
+        align: 'left',
+        headerAlign: 'left',
      },
      {
-        field: "title",
-        headerName: "Title",
+        field: 'title',
+        headerName: 'Title',
        minWidth: 200,
-        display: "flex",
+        display: 'flex',
      },
      {
-        field: "content",
+        field: 'content',
        flex: 1,
-        headerName: "Content",
+        headerName: 'Content',
        minWidth: 250,
-        display: "flex",
-        renderCell: function render({ value }) {
-          if (!value) return "-";
+        display: 'flex',
+        renderCell: function render({value}) {
+          if (!value) return '-'
          return (
-            <Typography
-              component="p"
-              whiteSpace="pre"
-              overflow="hidden"
-              textOverflow="ellipsis"
-            >
+            <Typography component="p" whiteSpace="pre" overflow="hidden" textOverflow="ellipsis">
              {value}
            </Typography>
-          );
+          )
        },
      },
      {
-        field: "category",
-        headerName: "Category",
+        field: 'category',
+        headerName: 'Category',
        minWidth: 160,
-        display: "flex",
+        display: 'flex',
        valueGetter: (_, row) => {
-          const value = row?.category;
-          return value;
+          const value = row?.category
+          return value
        },
-        renderCell: function render({ value }) {
-          return categoryIsLoading ? (
-            <>Loading...</>
-          ) : (
-            categoryData?.data?.find((item) => item.id === value?.id)?.title
-          );
+        renderCell: function render({value}) {
+          return categoryIsLoading ? <>Loading...</> : categoryData?.data?.find((item) => item.id === value?.id)?.title
        },
      },
      {
-        field: "status",
-        headerName: "Status",
+        field: 'status',
+        headerName: 'Status',
        minWidth: 80,
-        display: "flex",
+        display: 'flex',
      },
      {
-        field: "createdAt",
-        headerName: "Created at",
+        field: 'createdAt',
+        headerName: 'Created at',
        minWidth: 120,
-        display: "flex",
-        renderCell: function render({ value }) {
-          return <DateField value={value} />;
+        display: 'flex',
+        renderCell: function render({value}) {
+          return <DateField value={value} />
        },
      },
      {
-        field: "actions",
-        headerName: "Actions",
-        align: "right",
-        headerAlign: "right",
+        field: 'actions',
+        headerName: 'Actions',
+        align: 'right',
+        headerAlign: 'right',
        minWidth: 120,
        sortable: false,
-        display: "flex",
-        renderCell: function render({ row }) {
+        display: 'flex',
+        renderCell: function render({row}) {
          return (
            <>
              <EditButton hideText recordItemId={row.id} />
              <ShowButton hideText recordItemId={row.id} />
              <DeleteButton hideText recordItemId={row.id} />
            </>
-          );
+          )
        },
      },
    ],
-    [categoryData, categoryIsLoading]
-  );
+    [categoryData, categoryIsLoading],
+  )

  return (
    <List>
      <DataGrid {...dataGridProps} columns={columns} />
    </List>
-  );
-};
+  )
+}
--- a/src/pages/blog-posts/show.tsx
+++ b/src/pages/blog-posts/show.tsx
@ -1,59 +1,53 @@
-import { Stack, Typography } from "@mui/material";
-import { useOne, useShow } from "@refinedev/core";
-import {
-  DateField,
-  MarkdownField,
-  NumberField,
-  Show,
-  TextFieldComponent as TextField,
-} from "@refinedev/mui";
+import {Stack, Typography} from '@mui/material'
+import {useOne, useShow} from '@refinedev/core'
+import {DateField, MarkdownField, NumberField, Show, TextFieldComponent as TextField} from '@refinedev/mui'

 export const BlogPostShow = () => {
-  const { query } = useShow({});
+  const {query} = useShow({})

-  const { data, isLoading } = query;
+  const {data, isLoading} = query

-  const record = data?.data;
+  const record = data?.data

-  const { data: categoryData, isLoading: categoryIsLoading } = useOne({
-    resource: "categories",
-    id: record?.category?.id || "",
+  const {data: categoryData, isLoading: categoryIsLoading} = useOne({
+    resource: 'categories',
+    id: record?.category?.id || '',
    queryOptions: {
      enabled: !!record,
    },
-  });
+  })

  return (
    <Show isLoading={isLoading}>
      <Stack gap={1}>
        <Typography variant="body1" fontWeight="bold">
-          {"ID"}
+          {'ID'}
        </Typography>
        <TextField value={record?.id} />

        <Typography variant="body1" fontWeight="bold">
-          {"Title"}
+          {'Title'}
        </Typography>
        <TextField value={record?.title} />

        <Typography variant="body1" fontWeight="bold">
-          {"Content"}
+          {'Content'}
        </Typography>
        <MarkdownField value={record?.content} />

        <Typography variant="body1" fontWeight="bold">
-          {"Category"}
+          {'Category'}
        </Typography>
        {categoryIsLoading ? <>Loading...</> : <>{categoryData?.data?.title}</>}
        <Typography variant="body1" fontWeight="bold">
-          {"Status"}
+          {'Status'}
        </Typography>
        <TextField value={record?.status} />
        <Typography variant="body1" fontWeight="bold">
-          {"CreatedAt"}
+          {'CreatedAt'}
        </Typography>
        <DateField value={record?.createdAt} />
      </Stack>
    </Show>
-  );
-};
+  )
+}
--- a/src/pages/categories/create.tsx
+++ b/src/pages/categories/create.tsx
@ -1,36 +1,32 @@
-import { Box, TextField } from "@mui/material";
-import { Create } from "@refinedev/mui";
-import { useForm } from "@refinedev/react-hook-form";
+import {Box, TextField} from '@mui/material'
+import {Create} from '@refinedev/mui'
+import {useForm} from '@refinedev/react-hook-form'

 export const CategoryCreate = () => {
  const {
    saveButtonProps,
-    refineCore: { formLoading },
+    refineCore: {formLoading},
    register,
-    formState: { errors },
-  } = useForm({});
+    formState: {errors},
+  } = useForm({})

  return (
    <Create isLoading={formLoading} saveButtonProps={saveButtonProps}>
-      <Box
-        component="form"
-        sx={{ display: "flex", flexDirection: "column" }}
-        autoComplete="off"
-      >
+      <Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off">
        <TextField
-          {...register("title", {
-            required: "This field is required",
+          {...register('title', {
+            required: 'This field is required',
          })}
          error={!!(errors as any)?.title}
          helperText={(errors as any)?.title?.message}
          margin="normal"
          fullWidth
-          InputLabelProps={{ shrink: true }}
+          InputLabelProps={{shrink: true}}
          type="text"
-          label={"Title"}
+          label={'Title'}
          name="title"
        />
      </Box>
    </Create>
-  );
-};
+  )
+}
--- a/src/pages/categories/edit.tsx
+++ b/src/pages/categories/edit.tsx
@ -1,35 +1,31 @@
-import { Box, TextField } from "@mui/material";
-import { Edit } from "@refinedev/mui";
-import { useForm } from "@refinedev/react-hook-form";
+import {Box, TextField} from '@mui/material'
+import {Edit} from '@refinedev/mui'
+import {useForm} from '@refinedev/react-hook-form'

 export const CategoryEdit = () => {
  const {
    saveButtonProps,
    register,
-    formState: { errors },
-  } = useForm({});
+    formState: {errors},
+  } = useForm({})

  return (
    <Edit saveButtonProps={saveButtonProps}>
-      <Box
-        component="form"
-        sx={{ display: "flex", flexDirection: "column" }}
-        autoComplete="off"
-      >
+      <Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off">
        <TextField
-          {...register("title", {
-            required: "This field is required",
+          {...register('title', {
+            required: 'This field is required',
          })}
          error={!!(errors as any)?.title}
          helperText={(errors as any)?.title?.message}
          margin="normal"
          fullWidth
-          InputLabelProps={{ shrink: true }}
+          InputLabelProps={{shrink: true}}
          type="text"
-          label={"Title"}
+          label={'Title'}
          name="title"
        />
      </Box>
    </Edit>
-  );
-};
+  )
+}
--- a/src/pages/categories/index.ts
+++ b/src/pages/categories/index.ts
@ -1,4 +1,4 @@
-export * from "./create";
-export * from "./edit";
-export * from "./list";
-export * from "./show";
+export * from './create'
+export * from './edit'
+export * from './list'
+export * from './show'
--- a/src/pages/categories/list.tsx
+++ b/src/pages/categories/list.tsx
@ -1,59 +1,53 @@
-import { DataGrid, type GridColDef } from "@mui/x-data-grid";
-import {
-  DeleteButton,
-  EditButton,
-  List,
-  ShowButton,
-  useDataGrid,
-} from "@refinedev/mui";
-import React from "react";
+import {DataGrid, type GridColDef} from '@mui/x-data-grid'
+import {DeleteButton, EditButton, List, ShowButton, useDataGrid} from '@refinedev/mui'
+import React from 'react'

 export const CategoryList = () => {
-  const { dataGridProps } = useDataGrid({});
+  const {dataGridProps} = useDataGrid({})

  const columns = React.useMemo<GridColDef[]>(
    () => [
      {
-        field: "id",
-        headerName: "ID",
-        type: "number",
+        field: 'id',
+        headerName: 'ID',
+        type: 'number',
        minWidth: 50,
-        display: "flex",
-        align: "left",
-        headerAlign: "left",
+        display: 'flex',
+        align: 'left',
+        headerAlign: 'left',
      },
      {
-        field: "title",
+        field: 'title',
        flex: 1,
-        headerName: "Title",
+        headerName: 'Title',
        minWidth: 200,
-        display: "flex",
+        display: 'flex',
      },
      {
-        field: "actions",
-        headerName: "Actions",
-        align: "right",
-        headerAlign: "right",
+        field: 'actions',
+        headerName: 'Actions',
+        align: 'right',
+        headerAlign: 'right',
        minWidth: 120,
        sortable: false,
-        display: "flex",
-        renderCell: function render({ row }) {
+        display: 'flex',
+        renderCell: function render({row}) {
          return (
            <>
              <EditButton hideText recordItemId={row.id} />
              <ShowButton hideText recordItemId={row.id} />
              <DeleteButton hideText recordItemId={row.id} />
            </>
-          );
+          )
        },
      },
    ],
-    []
-  );
+    [],
+  )

  return (
    <List>
      <DataGrid {...dataGridProps} columns={columns} />
    </List>
-  );
-};
+  )
+}
--- a/src/pages/categories/show.tsx
+++ b/src/pages/categories/show.tsx
@ -1,29 +1,25 @@
-import { Stack, Typography } from "@mui/material";
-import { useShow } from "@refinedev/core";
-import {
-  NumberField,
-  Show,
-  TextFieldComponent as TextField,
-} from "@refinedev/mui";
+import {Stack, Typography} from '@mui/material'
+import {useShow} from '@refinedev/core'
+import {NumberField, Show, TextFieldComponent as TextField} from '@refinedev/mui'

 export const CategoryShow = () => {
-  const { query } = useShow({});
-  const { data, isLoading } = query;
+  const {query} = useShow({})
+  const {data, isLoading} = query

-  const record = data?.data;
+  const record = data?.data

  return (
    <Show isLoading={isLoading}>
      <Stack gap={1}>
        <Typography variant="body1" fontWeight="bold">
-          {"ID"}
+          {'ID'}
        </Typography>
        <TextField value={record?.id} />
        <Typography variant="body1" fontWeight="bold">
-          {"Title"}
+          {'Title'}
        </Typography>
        <TextField value={record?.title} />
      </Stack>
    </Show>
-  );
-};
+  )
+}
--- a/src/pages/forgotPassword/index.tsx
+++ b/src/pages/forgotPassword/index.tsx
@ -1,5 +1,5 @@
-import { AuthPage } from "@refinedev/mui";
+import {AuthPage} from '@refinedev/mui'

 export const ForgotPassword = () => {
-  return <AuthPage type="forgotPassword" />;
-};
+  return <AuthPage type="forgotPassword" />
+}
--- a/src/pages/login/index.tsx
+++ b/src/pages/login/index.tsx
@ -1,12 +1,12 @@
-import { AuthPage } from "@refinedev/mui";
+import {AuthPage} from '@refinedev/mui'

 export const Login = () => {
  return (
    <AuthPage
      type="login"
      formProps={{
-        defaultValues: { email: "demo@refine.dev", password: "demodemo" },
+        defaultValues: {email: 'demo@refine.dev', password: 'demodemo'},
      }}
    />
-  );
-};
+  )
+}
--- a/src/pages/register/index.tsx
+++ b/src/pages/register/index.tsx
@ -1,5 +1,5 @@
-import { AuthPage } from "@refinedev/mui";
+import {AuthPage} from '@refinedev/mui'

 export const Register = () => {
-  return <AuthPage type="register" />;
-};
+  return <AuthPage type="register" />
+}