Merge pull request #205 from bettersg/stg

Hide Telegram bot CTA

Author: yevkim

frontend/src/app/schemes/[schemeId]/page.tsx

@@ -383,7 +383,7 @@ export default function SchemePage() {
                     </div>
                   )}
                   {/* contacts */}
-                  {scheme.contact && scheme.planningArea && (
+                  {scheme.contact && (
                     <div className="flex flex-col gap-2">
                       <span className="font-bold uppercase text-xs text-slate-500">
                         Contact

frontend/src/components/main-header.tsx

@@ -1,8 +1,6 @@
 "use client";
-import { SendIcon } from "@/assets/icons/send-icon";
 import logoImg from "@/assets/logo.jpg";
 import {
-  Button,
   Navbar,
   NavbarBrand,
   NavbarContent,
@@ -100,7 +98,7 @@ export default function MainHeader() {
 
       <NavbarContent justify="end">
         {/* Telegram Bot Button - Desktop */}
-        <NavbarItem className="hidden md:flex">
+        {/* <NavbarItem className="hidden md:flex">
           <Button
             as={Link}
             href="https://t.me/SchemesSGBot"
@@ -111,10 +109,10 @@ export default function MainHeader() {
             <SendIcon className="text-blue-500 group-hover:text-white transition-colors" />
             <span className="ml-0 font-semibold">SchemesSGBot</span>
           </Button>
-        </NavbarItem>
+        </NavbarItem> */}
 
         {/* Telegram Bot Button - Mobile */}
-        <NavbarItem className="md:hidden">
+        {/* <NavbarItem className="md:hidden">
           <Link
             href="https://t.me/SchemesSGBot"
             target="_blank"
@@ -129,7 +127,7 @@ export default function MainHeader() {
               <span className="ml-0 font-semibold">SchemesSGBot</span>
             </Button>
           </Link>
-        </NavbarItem>
+        </NavbarItem> */}
 
         <NavbarMenuToggle
           aria-label={isMenuOpen ? "Close menu" : "Open menu"}

frontend/src/components/schemes/schemes-filter.tsx

@@ -152,7 +152,7 @@ function SchemesFilter({
           className="w-full min-w-[150px]"
           classNames={{
             trigger: "bg-schemes-lightblue",
-            popoverContent: "w-max",
+            popoverContent: "w-max max-w-[300px] absolute right-0",
           }}
           selectedKeys={selectedAgencies}
           onSelectionChange={(keys) =>