@greatapps/common 1.1.333 → 1.1.334

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greatapps/common",
-  "version": "1.1.333",
+  "version": "1.1.334",
   "description": "Shared library for GreatApps frontend applications",
   "main": "./dist/index.mjs",
   "types": "./src/index.ts",

package/src/components/account/ConfigurationsMyAccountModal.tsx

@@ -21,7 +21,7 @@ export default function ConfigurationsMyAccountModal() {
         className={cn(
           "flex flex-col p-0 gap-0 max-w-full sm:max-w-full overflow-x-hidden border-0",
           "rounded-t-2xl rounded-b-none h-[100dvh] top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0",
-          "lg:w-[700px] lg:max-w-[700px] lg:h-auto lg:rounded-lg lg:border",
+          "lg:w-[650px] lg:max-w-[650px] lg:h-auto lg:rounded-lg lg:border",
           "lg:top-[50%] lg:bottom-auto lg:left-[50%] lg:right-auto lg:translate-x-[-50%] lg:translate-y-[-50%]"
         )}
       >

package/src/components/layouts/ProfilePopover.tsx

@@ -2,6 +2,7 @@
 
 import { useState } from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { IconSettings2 } from "@tabler/icons-react";
 import { Popover } from "../ui/overlay/Popover";
 import { Progress } from "../ui/feedback/Progress";
 import { Separator } from "../ui/data-display/Separator";
@@ -12,6 +13,7 @@ import { useAuth } from "../../providers/auth.provider";
 import { cn } from "../../infra/utils/clsx";
 import { useIaCredits } from "../../modules/ia-credits/hooks/ia-credits.hook";
 import { useBuyCreditsModal } from "../../store/useBuyCreditsModal";
+import { useAccountModals } from "../../store/useAccountModals";
 
 export interface ProfileMenuItem {
   icon?: React.ReactNode;
@@ -39,6 +41,7 @@ function ProfilePopover({
   const { summary, subscription, isSubscriptionLoading, isCreditsLoading } =
     useIaCredits();
   const { openModal: openBuyCreditsModal } = useBuyCreditsModal();
+  const { openConfigurations } = useAccountModals();
 
   const handleLogout = async () => {
     try {
@@ -133,18 +136,24 @@ function ProfilePopover({
               )}
 
               <div className="flex flex-col gap-2">
-                {menuItems.length > 0 && (
-                  <div className="flex flex-col">
-                    {menuItems.map((item, index) => (
-                      <NavBarItem
-                        key={index}
-                        icon={item.icon}
-                        label={item.label}
-                        onClick={item.onClick}
-                      />
-                    ))}
-                  </div>
-                )}
+                <div className="flex flex-col">
+                  <NavBarItem
+                    icon={<IconSettings2 size={20} />}
+                    label="Preferências"
+                    onClick={() => {
+                      setPopoverOpen(false);
+                      openConfigurations();
+                    }}
+                  />
+                  {menuItems.map((item, index) => (
+                    <NavBarItem
+                      key={index}
+                      icon={item.icon}
+                      label={item.label}
+                      onClick={item.onClick}
+                    />
+                  ))}
+                </div>
                 <Separator />
                 <NavBarItem label="Sair" onClick={handleLogout} />
               </div>