From 2049e6afd770c4d632bdf7ec81a1f0ed6b997d10 Mon Sep 17 00:00:00 2001
From: Nikolay Bonev <nbonev@duck.com>
Date: Tue, 10 Dec 2024 11:43:31 +0200
Subject: [PATCH] ui fixes

---
 app/components/layout/sidebar/app-sidebar.tsx | 2 +-
 app/components/layout/sidebar/notice-card.tsx | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/components/layout/sidebar/app-sidebar.tsx b/app/components/layout/sidebar/app-sidebar.tsx
index 664999ecd..998554955 100644
--- a/app/components/layout/sidebar/app-sidebar.tsx
+++ b/app/components/layout/sidebar/app-sidebar.tsx
@@ -31,10 +31,10 @@ export default function AppSidebar(props: AppSidebarProps) {
 
       <SidebarContent>
         <SidebarNav items={topMenuItems} />
-        <SidebarNoticeCard />
       </SidebarContent>
 
       <SidebarFooter>
+        <SidebarNoticeCard />
         <SidebarNav className="p-0" items={bottomMenuItems} />
         <SidebarUserMenu />
       </SidebarFooter>
diff --git a/app/components/layout/sidebar/notice-card.tsx b/app/components/layout/sidebar/notice-card.tsx
index 3f6d3646f..9ee7ea1f5 100644
--- a/app/components/layout/sidebar/notice-card.tsx
+++ b/app/components/layout/sidebar/notice-card.tsx
@@ -6,6 +6,7 @@ import type { loader } from "~/routes/_layout+/_layout";
 export const SidebarNoticeCard = () => {
   const { hideNoticeCard } = useLoaderData<typeof loader>();
   const fetcher = useFetcher();
+  console.log("hideNoticeCard", hideNoticeCard);
 
   let optimisticHideNoticeCard = hideNoticeCard;
   if (fetcher.formData) {
@@ -13,8 +14,8 @@ export const SidebarNoticeCard = () => {
       fetcher.formData.get("noticeCardVisibility") === "hidden";
   }
 
-  return !optimisticHideNoticeCard ? null : (
-    <div className="support-banner mx-2 mb-6 hidden rounded bg-gray-50 px-4 py-5 md:block">
+  return optimisticHideNoticeCard ? null : (
+    <div className="support-banner mb-6 hidden rounded border bg-gray-50 px-2 py-3 md:block">
       <div className="flex justify-between align-middle">
         <h5 className="mb-1 font-semibold text-gray-900">
           Install Shelf for Mobile