From 1a4930e22068fbf7b187113ffeb4f62a0cb9c9bb Mon Sep 17 00:00:00 2001
From: Ruidy Nemausat <ruidy.nemausat@gmail.com>
Date: Fri, 15 May 2020 09:35:35 +0200
Subject: [PATCH] refactor extract alert interface

---
 src/pages/EditProfile.tsx | 18 +++++++-----------
 src/types/Alert.ts        | 13 +++++++++++++
 2 files changed, 20 insertions(+), 11 deletions(-)
 create mode 100644 src/types/Alert.ts

diff --git a/src/pages/EditProfile.tsx b/src/pages/EditProfile.tsx
index dc2aba0..a8e5142 100644
--- a/src/pages/EditProfile.tsx
+++ b/src/pages/EditProfile.tsx
@@ -2,8 +2,8 @@ import React, {FC, useState} from 'react';
 import {Link} from 'react-router-dom';
 import Routes from '../constants/routes';
 // Redux
-import {enhance, selectProfile} from '../store/firebase';
-import {WithFirebaseProps, isLoaded, isEmpty} from 'react-redux-firebase';
+import {enhance} from '../store/firebase';
+import {WithFirebaseProps} from 'react-redux-firebase';
 // Style
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
 import {
@@ -14,15 +14,15 @@ import {
   faInstagram,
 } from '@fortawesome/free-brands-svg-icons';
 import FormHeader from '../components/FormHeader';
+import Alert from '../components/Alert';
 import Statuses from '../constants/statuses';
 // Form
 import useForm from '../hooks';
-
-import User from '../models/User';
+// Typing
 import Dev from '../models/Dev';
+import User from '../models/User';
 import Links from '../types/Links';
-import {useSelector} from 'react-redux';
-import Alert from '../components/Alert';
+import IAlert, {formAlert} from '../types/Alert';
 
 interface FormData {
   status: string;
@@ -54,11 +54,7 @@ const EditProfile: FC<IProps> = ({
   bio,
 }) => {
   const [showLinks, setShowLinks] = useState(false);
-  const [alert, setAlert] = useState({
-    show: false,
-    color: 'danger',
-    text: 'Something went wrong',
-  });
+  const [alert, setAlert] = useState<IAlert>(formAlert);
 
   const initFormData = {
     status: status ?? 'Developer',
diff --git a/src/types/Alert.ts b/src/types/Alert.ts
new file mode 100644
index 0000000..b637bb6
--- /dev/null
+++ b/src/types/Alert.ts
@@ -0,0 +1,13 @@
+interface IAlert {
+  show: boolean;
+  color: string;
+  text: string;
+}
+
+export const formAlert: IAlert = {
+  show: false,
+  color: 'danger',
+  text: 'Something went wrong',
+};
+
+export default IAlert;