Merge pull request #50 from mahenoorsalat/main

UI updated
KorryKatti · Oct 18, 2024 · 8692878 · 8692878
2 parents 020a407 + 349c527
commit 8692878
Show file tree

Hide file tree

Showing 7 changed files with 495 additions and 88 deletions.
diff --git a/favicon.png b/favicon.png
diff --git a/index.html b/index.html
@@ -3,12 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Mirage</title>
+    <title>Mirage - Privacy Focused Chat App</title>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
-
+   <link href="https://fonts.googleapis.com/css2?family=Sora:wght@400;600&display=swap" rel="stylesheet">
+   <link rel="shortcut icon" href="favicon.png" >
+
   </head>
   <body>
     <div id="root"></div>

diff --git a/src/App.jsx b/src/App.jsx
@@ -1,10 +1,18 @@
 import React from 'react';
 import Body from './components/Body';
+import {useState} from 'react';
 function App() {
+  const [toggleTheme, setToggleTheme] = useState(false);
+
+  const handleToggle = () => {
+    setToggleTheme((prev) => !prev);
+  };
+
   return (
-      <Body/>
+    <Body toggleTheme={toggleTheme} handleToggle={handleToggle} />
   );
-}
+};
+
 
 
 export default App;