From 80e069d283e18dec51808b7c51caf76c4b63a486 Mon Sep 17 00:00:00 2001
From: Alberto Defendi <1369-ahl-berto@users.noreply.gitlab.inf.unibz.it>
Date: Wed, 28 Apr 2021 09:34:03 +0200
Subject: [PATCH] Move styles to separate file
---
.../AuthUser/SignInForm/SignInForm.tsx | 19 +------------------
.../AuthUser/SignInForm/useStyles.ts | 18 ++++++++++++++++++
2 files changed, 19 insertions(+), 18 deletions(-)
create mode 100644 src/components/AuthUser/SignInForm/useStyles.ts
diff --git a/src/components/AuthUser/SignInForm/SignInForm.tsx b/src/components/AuthUser/SignInForm/SignInForm.tsx
index 833d4cd..0e63a94 100644
--- a/src/components/AuthUser/SignInForm/SignInForm.tsx
+++ b/src/components/AuthUser/SignInForm/SignInForm.tsx
@@ -1,28 +1,11 @@
import React, { FC } from 'react';
import axios from 'axios';
import { SubmitHandler, useForm } from 'react-hook-form';
-import { createStyles, makeStyles, Theme } from '@material-ui/core/styles';
import { Button } from '@material-ui/core';
import { InputField } from 'components/AuthUser/SignInForm/InputField/InputField';
import { useHistory } from 'react-router-dom';
import { AuthRoutes } from 'components/api/routes';
-
-const useStyles = makeStyles((theme: Theme) =>
- createStyles({
- root: {
- '& > *': {
- margin: theme.spacing(0),
- },
- },
- form: {
- width: '100%', // Fix IE 11 issue.
- marginTop: theme.spacing(1),
- },
- submit: {
- margin: theme.spacing(3, 0, 2),
- },
- }),
-);
+import { useStyles } from './useStyles';
export const SignInForm: FC = () => {
const history = useHistory();
diff --git a/src/components/AuthUser/SignInForm/useStyles.ts b/src/components/AuthUser/SignInForm/useStyles.ts
new file mode 100644
index 0000000..4a510bf
--- /dev/null
+++ b/src/components/AuthUser/SignInForm/useStyles.ts
@@ -0,0 +1,18 @@
+import { createStyles, makeStyles, Theme } from '@material-ui/core/styles';
+
+export const useStyles = makeStyles((theme: Theme) =>
+ createStyles({
+ root: {
+ '& > *': {
+ margin: theme.spacing(0),
+ },
+ },
+ form: {
+ width: '100%', // Fix IE 11 issue.
+ marginTop: theme.spacing(1),
+ },
+ submit: {
+ margin: theme.spacing(3, 0, 2),
+ },
+ }),
+);
--
GitLab