Fixed Facebook icon in nav bar and Apply button issue

sef-global · Jan 9, 2024 · 335507c · 335507c
1 parent 0a2cddf
commit 335507c
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 12 deletions.
diff --git a/src/components/Home/Home.tsx b/src/components/Home/Home.tsx
@@ -26,8 +26,10 @@ const Home: React.FC = () => (
         <div style={{ marginTop: '40px' }}>
           <Button
             className={styles.homePageMainButton}
-            type={'primary'}
-            style={{ marginRight: '20px', marginBottom: '20px' }}
+            style={{
+              marginRight: '20px',
+              marginBottom: '20px',
+            }}
           >
             Apply
           </Button>

diff --git a/src/components/Layout/MenuDrawer/MenuDrawer.tsx b/src/components/Layout/MenuDrawer/MenuDrawer.tsx
@@ -4,6 +4,7 @@ import {
   TwitterOutlined,
   LinkedinFilled,
   InstagramOutlined,
+  FacebookFilled,
 } from '@ant-design/icons';
 import { Avatar, Button, Drawer, Space, Typography } from 'antd';
 
@@ -55,11 +56,9 @@ const MenuDrawer: React.FC<MenuDrawerProps> = ({ openMenu, setOpenMenu }) => {
             target="_blank"
             rel="noreferrer"
           >
-            <Button
-              className={styles.antButton}
-              shape="circle"
-              icon={<img src="/facebook-icon.png" width={20} />}
-            />
+            <Button className={styles.antButton} shape="circle">
+              <FacebookFilled className={styles.antIcon} />
+            </Button>
           </a>
           <a
             href="https://twitter.com/goasksef"

diff --git a/src/components/Layout/Navbar/Navbar.tsx b/src/components/Layout/Navbar/Navbar.tsx
@@ -5,6 +5,7 @@ import {
   TwitterOutlined,
   LinkedinFilled,
   InstagramOutlined,
+  FacebookFilled,
 } from '@ant-design/icons';
 import { Button, Col, Row, Space, Typography } from 'antd';
 
@@ -110,11 +111,9 @@ const Navbar: React.FC = () => {
               target="_blank"
               rel="noreferrer"
             >
-              <Button
-                className={styles.antButton}
-                shape="circle"
-                icon={<img src="/facebook-icon.png" width={20} />}
-              />
+              <Button className={styles.antButton} shape="circle">
+                <FacebookFilled className={styles.antIcon} />
+              </Button>
             </a>
             <a
               href="https://twitter.com/goasksef"