Merge pull request Pbatch#39 from Pbatch/pb_home

Pbatch · web-flow · commit 4a6180a1a8d2 · 2024-01-24T18:38:05.000Z
Fix home screen
diff --git a/src/components/home/header.tsx b/src/components/home/header.tsx
@@ -19,20 +19,26 @@ const Header = () => {
   
   return (
     <div className="row py-2 m-0 align-items-center">
-      <div className="col-5 text-end">
+      <div className="col-3 px-1">
         <h3>
-          ChessCam&nbsp;&nbsp;
-          <i className="h1 bi bi-info-circle" onClick={() => navigate("/faq")}></i>
+          ChessCam
         </h3>
       </div>
-      <div className="col-7 text-end">
+      <div className="col-2 px-1">
+        <i className="h1 bi bi-info-circle" onClick={() => navigate("/faq")}></i>
+      </div>
+      <div className="col-3 px-1">
         <h6>
           <button className="btn btn-dark btn-outline-light" onClick={handleClick}>
             {username === "" ? "Login" : "Logout"}
           </button>
-          &nbsp;&nbsp;{username}
         </h6>   
       </div>
+      <div className="col-4 px-1">
+        <h6>
+          {username}
+        </h6>
+      </div>
 
     </div>
   );
diff --git a/src/components/home/socials.tsx b/src/components/home/socials.tsx
@@ -1,17 +1,13 @@
 import { SocialIcon } from 'react-social-icons/component'
-import 'react-social-icons/twitter'
 import 'react-social-icons/youtube'
 import 'react-social-icons/github'
-import 'react-social-icons/instagram'
 import 'react-social-icons/google_play'
 
 const Socials = () => {
   const socials = [
     {"network": "github", "url": "https://github.com/Pbatch/CameraChessWeb", "bgColor": "#111111"},
     {"network": "youtube", "url": "https://www.youtube.com/channel/UCtgc3RevHj6UHq1D8Ymarmw"},
-    {"network": "google_play", "url": "https://play.google.com/store/apps/details?id=com.camerachess.www.twa"},
-    {"network": "instagram", "url": "https://www.instagram.com/chess.cam/"},
-    {"network": "twitter", "url": "https://twitter.com/chesscam1"}
+    {"network": "google_play", "url": "https://play.google.com/store/apps/details?id=com.camerachess.www.twa"}
   ]
 
   const icons: any[] = [];
