refactor: notification form filenames

Author: jaybuidl

…Notifications/FormNotifs/FormContact.tsx …tions/FormContactDetails/FormContact.tsxweb/src/layout/Header/navbar/Menu/Settings/SendMeNotifications/FormNotifs/FormContact.tsx renamed to web/src/layout/Header/navbar/Menu/Settings/Notifications/FormContactDetails/FormContact.tsx web/src/layout/Header/navbar/Menu/Settings/SendMeNotifications/FormNotifs/FormContact.tsx renamed to web/src/layout/Header/navbar/Menu/Settings/Notifications/FormContactDetails/FormContact.tsx

@@ -25,7 +25,7 @@ const FormContactContainer = styled.div`
   margin-bottom: 24px;
 `;
 
-const FormNotifs: React.FC = () => {
+const FormContactDetails: React.FC = () => {
   const [telegramInput, setTelegramInput] = useState<string>("");
   const [emailInput, setEmailInput] = useState<string>("");
   const [telegramIsValid, setTelegramIsValid] = useState<boolean>(false);
@@ -88,4 +88,4 @@ const FormNotifs: React.FC = () => {
   );
 };
 
-export default FormNotifs;
+export default FormContactDetails;

…SendMeNotifications/FormNotifs/index.tsx …tifications/FormContactDetails/index.tsxweb/src/layout/Header/navbar/Menu/Settings/SendMeNotifications/FormNotifs/index.tsx renamed to web/src/layout/Header/navbar/Menu/Settings/Notifications/FormContactDetails/index.tsx web/src/layout/Header/navbar/Menu/Settings/SendMeNotifications/FormNotifs/index.tsx renamed to web/src/layout/Header/navbar/Menu/Settings/Notifications/FormContactDetails/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import styled from "styled-components";
 
-import FormNotifs from "./FormNotifs";
+import FormContactDetails from "./FormContactDetails";
 import { EnsureChain } from "components/EnsureChain";
 
 const Container = styled.div`
@@ -32,17 +32,17 @@ const EnsureChainContainer = styled.div`
   padding-bottom: 16px;
 `;
 
-const SendMeNotifications: React.FC = () => {
+const NotificationSettings: React.FC = () => {
   return (
     <EnsureChainContainer>
       <EnsureChain>
         <Container>
           <HeaderNotifs />
-          <FormNotifs />
+          <FormContactDetails />
         </Container>
       </EnsureChain>
     </EnsureChainContainer>
   );
 };
 
-export default SendMeNotifications;
+export default NotificationSettings;

…u/Settings/SendMeNotifications/index.tsx …ar/Menu/Settings/Notifications/index.tsxweb/src/layout/Header/navbar/Menu/Settings/SendMeNotifications/index.tsx renamed to web/src/layout/Header/navbar/Menu/Settings/Notifications/index.tsx web/src/layout/Header/navbar/Menu/Settings/SendMeNotifications/index.tsx renamed to web/src/layout/Header/navbar/Menu/Settings/Notifications/index.tsx

@@ -2,7 +2,7 @@ import React, { Dispatch, SetStateAction, useRef, useState } from "react";
 import styled from "styled-components";
 import { Tabs } from "@kleros/ui-components-library";
 import General from "./General";
-import SendMeNotifications from "./SendMeNotifications";
+import NotificationSettings from "./Notifications";
 import { useFocusOutside } from "hooks/useFocusOutside";
 import { Overlay } from "components/Overlay";
 
@@ -65,7 +65,7 @@ const Settings: React.FC<ISettings> = ({ setIsSettingsOpen }) => {
             setCurrentTab(n);
           }}
         />
-        {currentTab === 0 ? <General /> : <SendMeNotifications />}
+        {currentTab === 0 ? <General /> : <NotificationSettings />}
       </Container>
     </>
   );