Added: social in burger menu (#13)

* fix: wa url

* update version to v3.2.2-beta

* added: social in burger menu

Author: ryfazrin

src/App.jsx

@@ -1,6 +1,5 @@
 import './App.css'
 import About from './components/about'
-import Certifications from './components/certifications'
 import Contact from './components/contact'
 import Divider from './components/divider'
 import Footer from './components/footer'
@@ -14,7 +13,7 @@ function App() {
   return (
     <div className="App mx-auto md:mockup-window md:border bg-base-300 md:my-2 mx-2">
       <div className="md:px-16 md:py-4 max-[640px]:px-4 bg-base-100">
-        <Navbar />
+        <Navbar bio={bio} />
         <Header bio={bio} />
         <About aboutMe={bio.aboutMe} />
         <Divider />

src/components/navbar.jsx

@@ -1,5 +1,4 @@
-import { bio } from '../data'
-function Navbar () {
+function Navbar ({ bio }) {
   return (
     <div className="navbar">
       <div className="navbar-start">
@@ -11,6 +10,15 @@ function Navbar () {
             <li><a>Home</a></li>
             <li><a href="#about">About</a></li>
             <li><a href="#contact">Contact</a></li>
+            {
+              bio.socials.map(social => {
+                return (
+                  <li key={social.id}>
+                    <a href={social.link} target="_blank">{social.title}</a>
+                  </li>
+                )
+              })
+            }
             <li><a href={bio.resumeUrl} target="_blank">Resume</a></li>
           </ul>
         </div>