nav link updated and view all message popout fixed

2024-10-10 16:58:39 +01:00
parent 9125990d70
commit 7c430d03bd
5 changed files with 47 additions and 15 deletions
@@ -0,0 +1,23 @@
+import React from 'react'
+import Icons from '../Helpers/Icons'
+
+export default function ManageJobTab({ item='', iconName='', selectedTab='', setSelectedTab=()=>{} }) {
+  return (
+    <button
+      className={`flex lg:space-x-4 space-x-2 hover:text-purple transition-all duration-300 ease-in-out items-center cursor-pointer mb-2 mr-6 lg:mr-0 float-left lg:float-none overflow-hidden ${
+        selectedTab === item ? "text-purple" : " text-thin-light-gray"
+      }`}
+      value={item}
+      name={item}
+      onClick={() => setSelectedTab(item)}
+    >
+      <div>
+        <Icons name={iconName} />
+      </div>
+      <div>
+        <p className="text-18 tracking-wide">{item[0]?.toUpperCase() + item?.slice(1)}</p>
+      </div>
+    </button>
+  )
+}
+