added the icons

atlp-rwanda · Nov 3, 2023 · 4daa2bf · 4daa2bf
1 parent 2ff38c1
commit 4daa2bf
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 8 deletions.
diff --git a/src/pages/AdminPostJob.tsx b/src/pages/AdminPostJob.tsx
@@ -1,7 +1,15 @@
 import React, { useEffect, useState } from 'react';
 import { useParams } from 'react-router';
 import NavBar from '../components/sidebar/navHeader';
-import { BsShareFill, BsBackspace } from 'react-icons/bs';
+import {
+  BsShareFill,
+  BsBackspace,
+  BsLinkedin,
+  BsTwitter,
+} from 'react-icons/bs';
+import {
+  FiMail,
+} from 'react-icons/Fi';
 import { fetchSingleJobPost } from '../redux/actions/fetchSingleJobPostAction';
 import { useAppDispatch, useAppSelector } from '../hooks/hooks';
 import { connect } from 'react-redux';
@@ -107,28 +115,37 @@ function AdminPostJob(props: any) {
                     >
                       <ul className="py-2 text-sm text-gray-700 dark:text-gray-200">
                         <li>
+                          <BsLinkedin
+                            className="float-left m-1"
+                            style={{ display: 'inline-block' }}
+                          />
                           <a
-                            href={`https://www.linkedin.com/shareArticle?mini=true&url=${url}`}
+                            href={`https://www.linkedin.com/shareArticle?url=atlp-devpulse-fn.vercel.app/`}
                             target="_blank"
-                            className="block px-4 py-2 hover-bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
                           >
                             LinkedIn
                           </a>
                         </li>
                         <li>
+                          <FiMail
+                            className="float-left m-1"
+                            style={{ display: 'inline-block' }}
+                          />
                           <a
-                            href={`mailto:[email protected]?&subject=You+have+to+See+this!&cc=&bcc=&body=Check+out+this+site?url=test.com&&text=Andela is hiring software developers`}
+                            href={`mailto:?subject=Beginner's%20Guide%20to%20Jest%20Testing%20in%20React&body=atlp-devpulse-fn.vercel.app/`}
                             target="_blank"
-                            className="block px-4 py-2 hover-bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
                           >
                             Gmail
                           </a>
                         </li>
                         <li>
+                          <BsTwitter
+                            className="float-left m-1"
+                            style={{ display: 'inline-block' }}
+                          />
                           <a
-                            href={`https://twitter.com/intent/tweet?url=test.com&&text=Andela is hiring software developers`}
+                            href={`https://twitter.com/intent/tweet?url==atlp-devpulse-fn.vercel.app/`}
                             target="_blank"
-                            className="block px-4 py-2 hover-bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
                           >
                             Twitter
                           </a>

diff --git a/src/routes/routes.tsx b/src/routes/routes.tsx
@@ -239,7 +239,7 @@ function Navigation() {
         path="/job/post/view/:id"
         element={
           <PrivateRoute>
-            <AdminPostJob/>
+            <AdminPostJob />
           </PrivateRoute>
         }
       />