Update

MrQuackDuck · Dec 10, 2024 · cff00f3 · cff00f3
1 parent fcb82db
commit cff00f3
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/src/pages/chat/ui/ChatPage.tsx b/src/pages/chat/ui/ChatPage.tsx
@@ -69,11 +69,15 @@ function ChatPage() {
     });
   }, [voiceChatConnections.length]);
 
+  useEffect(() => {
+    setAsideOpen(false);
+  }, [selectedRoom]);
+
   return (
     <>
       {!isDesktop && (
         <Sheet open={asideOpen} onOpenChange={setAsideOpen}>
-          <SheetContent side={"left"}>
+          <SheetContent className="px-1" side={"left"}>
             <SheetHeader>
               <SheetTitle>{t("MANAGE_ROOMS")}</SheetTitle>
               <SheetDescription className="text-left px-2.5">{t("HOLD_ROOM_TO_OPEN_CONTEXT_MENU")}</SheetDescription>

diff --git a/src/pages/faq/ui/FaqTabs.tsx b/src/pages/faq/ui/FaqTabs.tsx
@@ -20,32 +20,32 @@ function FaqTabs({ className, selectedTab, setSelectedTab }: FaqTabsProps) {
       <div className={className}>
         <HeaderTab>{t("FAQ")}</HeaderTab>
         <Tab className="w-full" isSelected={selectedTab == FaqTabsEnum.WhatIsTheMainGoal} onClick={() => setSelectedTab(FaqTabsEnum.WhatIsTheMainGoal)}>
-          <LightbulbIcon className="text-popover-foreground mr-1.5 h-4 w-4" strokeWidth={2.5} /> {t("WHAT_IS_THE_MAIN_GOAL")}
+          <LightbulbIcon className="shrink-0 text-popover-foreground mr-1.5 h-4 w-4" strokeWidth={2.5} /> {t("WHAT_IS_THE_MAIN_GOAL")}
         </Tab>
         <Tab className="w-full" isSelected={selectedTab == FaqTabsEnum.WhyDoYouNeedAuth} onClick={() => setSelectedTab(FaqTabsEnum.WhyDoYouNeedAuth)}>
-          <LockIcon className="text-popover-foreground mr-1.5 h-4 w-4" strokeWidth={2.5} /> {t("WHY_DO_YOU_NEED_AUTH")}
+          <LockIcon className="shrink-0 text-popover-foreground mr-1.5 h-4 w-4" strokeWidth={2.5} /> {t("WHY_DO_YOU_NEED_AUTH")}
         </Tab>
         <Tab className="w-full" isSelected={selectedTab == FaqTabsEnum.HowKeysWork} onClick={() => setSelectedTab(FaqTabsEnum.HowKeysWork)}>
-          <KeyIcon className="text-popover-foreground mr-1.5 h-4 w-4" strokeWidth={2.5} /> {t("HOW_KEYS_WORK")}
+          <KeyIcon className="shrink-0 text-popover-foreground mr-1.5 h-4 w-4" strokeWidth={2.5} /> {t("HOW_KEYS_WORK")}
         </Tab>
         <Tab className="w-full" isSelected={selectedTab == FaqTabsEnum.WhatIsRoom} onClick={() => setSelectedTab(FaqTabsEnum.WhatIsRoom)}>
-          <DollarSignIcon className="text-popover-foreground mr-1.5 h-4 w-4" strokeWidth={2.5} /> {t("WHAT_IS_ROOM")}
+          <DollarSignIcon className="shrink-0 text-popover-foreground mr-1.5 h-4 w-4" strokeWidth={2.5} /> {t("WHAT_IS_ROOM")}
         </Tab>
         <Tab className="w-full" isSelected={selectedTab == FaqTabsEnum.WhatIsGuid} onClick={() => setSelectedTab(FaqTabsEnum.WhatIsGuid)}>
-          <IdCardIcon className="text-popover-foreground mr-1.5 h-4 w-4" strokeWidth={2.5} /> {t("WHAT_IS_GUID")}
+          <IdCardIcon className="shrink-0 text-popover-foreground mr-1.5 h-4 w-4" strokeWidth={2.5} /> {t("WHAT_IS_GUID")}
         </Tab>
         <Tab className="w-full" isSelected={selectedTab == FaqTabsEnum.WhatIsColirId} onClick={() => setSelectedTab(FaqTabsEnum.WhatIsColirId)}>
-          <BrushIcon className="text-popover-foreground mr-1.5 h-4 w-4" strokeWidth={2.5} /> {t("WHAT_IS_COLIR_ID")}
+          <BrushIcon className="shrink-0 text-popover-foreground mr-1.5 h-4 w-4" strokeWidth={2.5} /> {t("WHAT_IS_COLIR_ID")}
         </Tab>
         <Tab className="w-full" isSelected={selectedTab == FaqTabsEnum.HowStatsWork} onClick={() => setSelectedTab(FaqTabsEnum.HowStatsWork)}>
-          <BookIcon className="text-popover-foreground mr-1.5 h-4 w-4" strokeWidth={2.5} /> {t("HOW_STATS_WORK")}
+          <BookIcon className="shrink-0 text-popover-foreground mr-1.5 h-4 w-4" strokeWidth={2.5} /> {t("HOW_STATS_WORK")}
         </Tab>
         <HeaderTab>{t("REFERENCES")}</HeaderTab>
         <Tab className="w-full" isSelected={selectedTab == FaqTabsEnum.LibsReferences} onClick={() => setSelectedTab(FaqTabsEnum.LibsReferences)}>
-          <LibraryIcon className="text-popover-foreground mr-1.5 h-4 w-4" strokeWidth={2.5} /> {t("UI_LIBS_FRAMEROWKS")}
+          <LibraryIcon className="shrink-0 text-popover-foreground mr-1.5 h-4 w-4" strokeWidth={2.5} /> {t("UI_LIBS_FRAMEROWKS")}
         </Tab>
         <Tab className="w-full" isSelected={selectedTab == FaqTabsEnum.DesignAndStyle} onClick={() => setSelectedTab(FaqTabsEnum.DesignAndStyle)}>
-          <PaintbrushIcon className="text-popover-foreground mr-1.5 h-4 w-4" strokeWidth={2.5} /> {t("DESIGN_AND_STYLE")}
+          <PaintbrushIcon className="shrink-0 text-popover-foreground mr-1.5 h-4 w-4" strokeWidth={2.5} /> {t("DESIGN_AND_STYLE")}
         </Tab>
       </div>
     </ScrollArea>