From 724a14d741f88ed176776713605d0279f9dbe95b Mon Sep 17 00:00:00 2001
From: Ardeman <are.theman@gmail.com>
Date: Tue, 25 Mar 2025 00:21:09 +0800
Subject: [PATCH] feat: update getNews API query handling and enhance social
 share button styles

---
 app/apis/common/get-news.ts        |  2 +-
 app/components/ui/social-share.tsx | 10 +++++-----
 app/layouts/admin/menu.ts          |  6 ++++++
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/app/apis/common/get-news.ts b/app/apis/common/get-news.ts
index 86e37b9..b2340d1 100644
--- a/app/apis/common/get-news.ts
+++ b/app/apis/common/get-news.ts
@@ -55,7 +55,7 @@ export const getNews = async (parameters?: TParameters) => {
         ...(active && { active }),
         ...(limit && { limit }),
         ...(page && { page }),
-        ...(query && { q: query.split(' ').join('+') }),
+        ...(query && { q: query }),
       },
     })
     return dataResponseSchema.parse(data)
diff --git a/app/components/ui/social-share.tsx b/app/components/ui/social-share.tsx
index 61fac96..c67111d 100644
--- a/app/components/ui/social-share.tsx
+++ b/app/components/ui/social-share.tsx
@@ -39,7 +39,7 @@ export const SocialShareButtons = ({
         onClick={handleCopyLink}
         className="relative cursor-pointer"
       >
-        <LinkIcon className="size-8 rounded-full bg-[#F4F4F4] p-2 sm:h-10 sm:w-10" />
+        <LinkIcon className="size-8 rounded-full bg-[#F4F4F4] p-2 transition hover:bg-gray-200 hover:shadow active:bg-gray-300 sm:h-10 sm:w-10" />
         {showPopup && (
           <div className="absolute top-12 w-48 rounded-lg border-2 border-gray-400 bg-white p-2 shadow-lg">
             Link berhasil disalin!
@@ -51,28 +51,28 @@ export const SocialShareButtons = ({
         url={url}
         title={title}
       >
-        <FacebookIcon className="size-8 rounded-full bg-[#F4F4F4] p-2 sm:h-10 sm:w-10" />
+        <FacebookIcon className="size-8 rounded-full bg-[#F4F4F4] p-2 transition hover:bg-gray-200 hover:shadow active:bg-gray-300 sm:h-10 sm:w-10" />
       </FacebookShareButton>
 
       <LinkedinShareButton
         url={url}
         title={title}
       >
-        <LinkedinIcon className="size-8 rounded-full bg-[#F4F4F4] p-2 sm:h-10 sm:w-10" />
+        <LinkedinIcon className="size-8 rounded-full bg-[#F4F4F4] p-2 transition hover:bg-gray-200 hover:shadow active:bg-gray-300 sm:h-10 sm:w-10" />
       </LinkedinShareButton>
 
       <TwitterShareButton
         url={url}
         title={title}
       >
-        <XIcon className="size-8 rounded-full bg-[#F4F4F4] p-2 sm:h-10 sm:w-10" />
+        <XIcon className="size-8 rounded-full bg-[#F4F4F4] p-2 transition hover:bg-gray-200 hover:shadow active:bg-gray-300 sm:h-10 sm:w-10" />
       </TwitterShareButton>
 
       <button
         onClick={handleInstagramShare}
         className="cursor-pointer"
       >
-        <InstagramIcon className="size-8 rounded-full bg-[#F4F4F4] p-2 sm:h-10 sm:w-10" />
+        <InstagramIcon className="size-8 rounded-full bg-[#F4F4F4] p-2 transition hover:bg-gray-200 hover:shadow active:bg-gray-300 sm:h-10 sm:w-10" />
       </button>
     </div>
   )
diff --git a/app/layouts/admin/menu.ts b/app/layouts/admin/menu.ts
index 299a65c..5f4d568 100644
--- a/app/layouts/admin/menu.ts
+++ b/app/layouts/admin/menu.ts
@@ -1,4 +1,5 @@
 import {
+  BriefcaseIcon,
   ChartBarSquareIcon,
   ClipboardDocumentCheckIcon,
   DocumentCurrencyDollarIcon,
@@ -68,6 +69,11 @@ export const MENU: TMenu[] = [
         url: '/lg-admin/subscribe-plan',
         icon: DocumentCurrencyDollarIcon,
       },
+      {
+        title: 'Staff',
+        url: '/lg-admin/staffs',
+        icon: BriefcaseIcon,
+      },
     ],
   },
 ]