@greatapps/common 1.1.673 → 1.1.675

package/src/components/account/sections/PreferencesSection.tsx

@@ -2,13 +2,9 @@
 
 import { useState, useEffect } from 'react';
 import { useForm } from 'react-hook-form';
-import { useTranslations, useLocale } from 'next-intl';
-import { useRouter } from 'next/navigation';
 import { toast } from 'sonner';
 import { IconLock } from '@tabler/icons-react';
 import { cn } from '../../../infra/utils/clsx';
-import type { Locale } from '../../../i18n/config';
-import { setLocaleCookie } from '../../../utils/intl/locale-cookie';
 import { Button } from '../../ui/buttons/Button';
 import { Separator } from '../../ui/data-display/Separator';
 import { Toast } from '../../ui/feedback/Toast';
@@ -17,7 +13,6 @@ import { ComboboxField } from '../../ui/form/ComboboxField';
 import { SelectField } from '../../ui/form/SelectField';
 import ConfirmGlobalPreferencesModal from '../ConfirmGlobalPreferencesModal';
 import { useAuth } from '../../../providers/auth.provider';
-import { useWhitelabel } from '../../../providers/whitelabel.provider';
 import { UserProfile } from '../../../modules/users/schema';
 import type { UpdateAccountRequest } from '../../../modules/accounts/types';
 import {
@@ -46,27 +41,9 @@ interface PreferencesSectionProps {
 }
 
 export function PreferencesSection({ onClose }: PreferencesSectionProps) {
-  // Padrão raiz: um único `translate` chamado pela chave inteira (`common.<modulo>.<chave>`).
-  const translate = useTranslations();
-  // Exceção: chave dinâmica (option.value) numa lista → namespace escopado.
-  const translateLanguage = useTranslations('common.languages');
-  const currentLocale = useLocale();
-  const router = useRouter();
   const { data: timezones = [] } = useTimezones();
   const { data: currencies = [] } = useCurrencies();
   const { user, account } = useAuth();
-  const { whitelabel } = useWhitelabel();
-  const languageOptions = LANGUAGE_OPTIONS.map((option) => ({
-    ...option,
-    label: translateLanguage(option.value as Locale),
-    displayValue: translateLanguage(option.value as Locale),
-  }));
-  const timeFormatOptions = TIME_FORMAT_OPTIONS.map((option) => ({
-    ...option,
-    label: translate(
-      `common.preferences.timeFormatOptions.${option.value === '24h' ? 'h24' : 'h12'}`,
-    ),
-  }));
   const isOwner = user?.profile === UserProfile.owner;
   const canEditPreferences = isOwner || user?.profile === UserProfile.admin;
   const updateAccountUser = useUpdateAccountUser();
@@ -97,7 +74,7 @@ export function PreferencesSection({ onClose }: PreferencesSectionProps) {
       companyName: account.name ?? '',
       language: LANGUAGE_OPTIONS.find(
         (o) => o.apiValue === user.language?.toLowerCase()
-      )?.value ?? 'pt-br',
+      )?.value ?? 'pt-BR',
       currency: account.currency,
       timezone: account.timezone,
       timeFormat: '24h',
@@ -121,20 +98,16 @@ export function PreferencesSection({ onClose }: PreferencesSectionProps) {
       }
 
       reset(data);
-      toast.custom((toastId) => (
-        <Toast variant="success" message={translate('common.preferences.savedSuccess')} toastId={toastId} />
+      toast.custom((t) => (
+        <Toast variant="success" message="Preferências salvas com sucesso" toastId={t} />
       ));
       onClose();
-      if (data.language !== currentLocale) {
-        setLocaleCookie(data.language, whitelabel?.domain);
-        router.refresh();
-      }
     } catch (error) {
-      toast.custom((toastId) => (
+      toast.custom((t) => (
         <Toast
           variant="error"
-          message={error instanceof Error ? error.message : translate('common.preferences.saveError')}
-          toastId={toastId}
+          message={error instanceof Error ? error.message : 'Erro ao salvar preferências'}
+          toastId={t}
         />
       ));
     } finally {
@@ -175,12 +148,12 @@ export function PreferencesSection({ onClose }: PreferencesSectionProps) {
     <>
       <form onSubmit={handleSubmit(onSubmit)} className="flex flex-col h-full">
         <div className="overflow-y-auto overscroll-contain px-4 pb-4 lg:p-5 flex flex-col gap-5 lg:gap-6 flex-1">
-          <span className="paragraph-medium-semibold text-gray-950">{translate('common.preferences.title')}</span>
+          <span className="paragraph-medium-semibold text-gray-950">Preferências</span>
           <div className="flex flex-col gap-8">
             <div className="flex flex-col lg:flex-row items-center gap-3">
               <FormField
-                label={translate('common.preferences.companyName')}
-                placeholder={translate('common.preferences.companyNamePlaceholder')}
+                label="Nome da empresa"
+                placeholder="Digite o nome da empresa"
                 classnameContainer={cn('w-full', !isOwner && 'cursor-not-allowed opacity-50')}
                 value={watch('companyName')}
                 onChange={(e) => setValue('companyName', e.target.value, { shouldDirty: true })}
@@ -190,18 +163,18 @@ export function PreferencesSection({ onClose }: PreferencesSectionProps) {
 
             <div className="flex flex-col lg:flex-row items-center gap-3">
               <ComboboxField
-                label={translate('common.preferences.language')}
-                placeholder={translate('common.preferences.languagePlaceholder')}
-                searchPlaceholder={translate('common.preferences.languageSearch')}
+                label="Idioma"
+                placeholder="Selecione o idioma"
+                searchPlaceholder="Buscar idioma..."
                 containerClassName="w-full"
-                options={languageOptions}
+                options={LANGUAGE_OPTIONS}
                 value={watch('language')}
                 onChange={(value) => setValue('language', value, { shouldDirty: true })}
               />
               <ComboboxField
-                label={translate('common.preferences.currency')}
-                placeholder={translate('common.preferences.currencyPlaceholder')}
-                searchPlaceholder={translate('common.preferences.currencySearch')}
+                label="Moeda"
+                placeholder="Selecione a moeda"
+                searchPlaceholder="Buscar moeda..."
                 containerClassName="w-full"
                 options={currencies}
                 value={watch('currency')}
@@ -214,12 +187,12 @@ export function PreferencesSection({ onClose }: PreferencesSectionProps) {
             <Separator />
 
             <div className="flex flex-col gap-4">
-              <span className="paragraph-medium-semibold text-gray-950">{translate('common.preferences.timeDisplay')}</span>
+              <span className="paragraph-medium-semibold text-gray-950">Exibição hora</span>
               <div className="flex flex-col lg:flex-row items-center gap-3">
                 <ComboboxField
-                  label={translate('common.preferences.timezone')}
-                  placeholder={translate('common.preferences.timezonePlaceholder')}
-                  searchPlaceholder={translate('common.preferences.timezoneSearch')}
+                  label="Fuso horário"
+                  placeholder="Selecione o fuso horário"
+                  searchPlaceholder="Buscar fuso horário..."
                   containerClassName="w-full"
                   options={timezones}
                   value={watch('timezone')}
@@ -228,11 +201,11 @@ export function PreferencesSection({ onClose }: PreferencesSectionProps) {
                   disabled={!canEditPreferences}
                 />
                 <SelectField
-                  label={translate('common.preferences.timeFormat')}
-                  placeholder={translate('common.preferences.timeFormatPlaceholder')}
+                  label="Formato hora"
+                  placeholder="Selecione o formato"
                   className="h-10!"
                   containerClassName="w-full"
-                  options={timeFormatOptions}
+                  options={TIME_FORMAT_OPTIONS}
                   value={watch('timeFormat')}
                   onChange={(value) =>
                     setValue('timeFormat', value as string, { shouldDirty: true })
@@ -257,10 +230,10 @@ export function PreferencesSection({ onClose }: PreferencesSectionProps) {
               onClose();
             }}
           >
-            {translate('common.actions.cancel')}
+            Cancelar
           </Button>
           <Button className="h-10!" type="submit" disabled={isSaving}>
-            {isSaving ? translate('common.actions.saving') : translate('common.actions.saveChanges')}
+            {isSaving ? 'Salvando...' : 'Salvar alterações'}
           </Button>
         </div>
       </form>

package/src/components/account/sections/SecuritySection.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import { IconAlertTriangle, IconBrandGoogleFilled } from '@tabler/icons-react';
-import { useTranslations } from 'next-intl';
 import { toast } from 'sonner';
 import { useQueryClient } from '@tanstack/react-query';
 import { useAuth } from '../../../providers/auth.provider';
@@ -19,7 +18,6 @@ interface SecuritySectionProps {
 export function SecuritySection({
   onDeleteAccount,
 }: SecuritySectionProps) {
-  const translate = useTranslations();
   const { user } = useAuth();
   const queryClient = useQueryClient();
   const { mutateAsync: unlinkGoogle, isPending: isUnlinking } = useUnlinkGoogle();
@@ -34,16 +32,14 @@ export function SecuritySection({
       queryClient.invalidateQueries({ queryKey: USER_QUERY_KEY });
     } catch (error) {
       const message =
-        error instanceof Error ? error.message : translate('common.account.security.unlinkError');
-      toast.custom((toastId) => <Toast variant="error" message={message} toastId={toastId} />);
+        error instanceof Error ? error.message : 'Erro ao desvincular conta Google.';
+      toast.custom((t) => <Toast variant="error" message={message} toastId={t} />);
     }
   };
 
   return (
     <div className="h-full overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:pt-5 flex flex-col gap-5 lg:gap-6 lg:pb-31 lg:overscroll-auto">
-      <span className="paragraph-medium-semibold text-gray-950 hidden lg:block">
-        {translate('common.account.security.title')}
-      </span>
+      <span className="paragraph-medium-semibold text-gray-950 hidden lg:block">Segurança</span>
 
       {hasGoogleLinked && (
         <div className="flex flex-col items-center lg:items-start gap-4">
@@ -52,11 +48,10 @@ export function SecuritySection({
           </div>
 
           <div className="flex flex-col gap-2">
-            <span className="paragraph-medium-semibold text-gray-950">
-              {translate('common.account.security.googleLinkedTitle')}
-            </span>
+            <span className="paragraph-medium-semibold text-gray-950">Conta Google vinculada</span>
             <span className="paragraph-small-regular text-gray-600">
-              {translate('common.account.security.googleLinkedDescription')}
+              Sua conta está vinculada ao Google. Se desvincular, use &quot;Esqueci minha senha&quot; para
+              redefinir uma senha de acesso por e-mail.
             </span>
           </div>
 
@@ -66,9 +61,7 @@ export function SecuritySection({
             className="paragraph-small-semibold text-zinc-700 bg-zinc-100 rounded-lg px-3 py-2 cursor-pointer hover:bg-zinc-200 transition-colors w-fit disabled:opacity-50 disabled:cursor-not-allowed"
             onClick={handleUnlinkGoogle}
           >
-            {isUnlinking
-              ? translate('common.account.security.unlinking')
-              : translate('common.account.security.unlinkGoogle')}
+            {isUnlinking ? 'Desvinculando...' : 'Desvincular Google'}
           </button>
         </div>
       )}
@@ -79,11 +72,9 @@ export function SecuritySection({
         </div>
 
         <div className="flex flex-col gap-2">
-          <span className="paragraph-medium-semibold text-gray-950">
-            {translate('common.account.deleteAccount.title')}
-          </span>
+          <span className="paragraph-medium-semibold text-gray-950">Excluir conta</span>
           <span className="paragraph-small-regular text-gray-600">
-            {translate('common.account.security.deleteAccountDescription')}
+            Esta ação é permanente e não pode ser desfeita. Todos os seus dados, projetos e configurações serão removidos definitivamente.
           </span>
         </div>
 
@@ -93,7 +84,7 @@ export function SecuritySection({
             className="paragraph-small-semibold text-red-600 bg-red-50 rounded-lg px-3 py-2 cursor-pointer hover:bg-red-100 transition-colors w-fit"
             onClick={onDeleteAccount}
           >
-            {translate('common.account.security.deleteMyAccount')}
+            Excluir minha conta
           </button>
         )}
       </div>

package/src/components/account/sections/TokenSection.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import { IconCheck, IconCopy, IconInfoCircle } from '@tabler/icons-react';
-import { useTranslations } from 'next-intl';
 import { toast } from 'sonner';
 import { Toast } from '../../ui/feedback/Toast';
 import { Button } from '../../ui/buttons/Button';
@@ -11,42 +10,31 @@ import { useAccountToken } from '../../../modules/accounts/hooks/use-account-tok
 import { useIsDefaultWhitelabel } from '../../../providers/whitelabel.provider';
 
 export function TokenSection() {
-  const translate = useTranslations();
   const { data: token = '', isLoading } = useAccountToken();
   const isDefaultWl = useIsDefaultWhitelabel();
 
   const { isCopied, copy } = useCopyToClipboard({
     onSuccess: () => {
-      toast.custom((toastId) => (
-        <Toast
-          variant="success"
-          message={translate('common.account.token.copySuccess')}
-          toastId={toastId}
-        />
+      toast.custom((t) => (
+        <Toast variant="success" message="Token copiado com sucesso" toastId={t} />
       ));
     },
     onError: () => {
-      toast.custom((toastId) => (
-        <Toast
-          variant="error"
-          message={translate('common.account.token.copyError')}
-          toastId={toastId}
-        />
+      toast.custom((t) => (
+        <Toast variant="error" message="Não foi possível copiar o token" toastId={t} />
       ));
     },
   });
 
   return (
     <div className="h-full overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:pt-5 flex flex-col gap-5 lg:gap-6 lg:pb-31 lg:overscroll-auto">
-      <span className="paragraph-medium-semibold text-gray-950">
-        {translate('common.account.token.title')}
-      </span>
+      <span className="paragraph-medium-semibold text-gray-950">Token da conta</span>
 
       <div className="flex flex-col gap-3">
         <div className="flex items-end gap-3">
           <FormField
-            label={translate('common.account.token.label')}
-            value={isLoading ? translate('common.actions.loading') : token}
+            label="Token"
+            value={isLoading ? 'Carregando...' : token}
             disabled
             readOnly
             classnameContainer="bg-gray-50 cursor-default opacity-100!"
@@ -60,14 +48,14 @@ export function TokenSection() {
             disabled={isLoading || !token}
           >
             {isCopied ? <IconCheck size={16} /> : <IconCopy size={16} />}
-            {isCopied ? translate('common.actions.copied') : translate('common.actions.copy')}
+            {isCopied ? 'Copiado' : 'Copiar'}
           </Button>
         </div>
 
         <div className={`flex items-center gap-3 p-4 rounded-lg ${isDefaultWl ? 'bg-cyan-50' : 'bg-zinc-50'}`}>
           <IconInfoCircle className="size-4 text-zinc-950 shrink-0" />
           <span className="paragraph-small-regular text-zinc-950 max-w-[420px]">
-            {translate('common.account.token.info')}
+            Este token é exclusivo da sua conta e permite acesso à API. Não compartilhe com terceiros.
           </span>
         </div>
 
@@ -77,7 +65,7 @@ export function TokenSection() {
           rel="noopener noreferrer"
           className="paragraph-small-medium text-gray-500 underline hover:text-gray-700 transition-colors w-fit"
         >
-          {translate('common.account.token.docsLink')}
+          Acessar a documentação
         </a>
       </div>
     </div>

package/src/components/layouts/AppMobileNavBar.tsx

@@ -4,13 +4,20 @@ import { ReactNode } from "react";
 import Image from "next/image";
 import { IconMenu2, IconX } from "@tabler/icons-react";
 import { ProfilePopover } from "./ProfilePopover";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/overlay/Tooltip";
 import { useMobileNavbarSheet } from "../../store/useMobileNavbarSheet";
-import { useIsDefaultWhitelabel } from "../../providers/whitelabel.provider";
+import {
+  useWhitelabel,
+  useIsDefaultWhitelabel,
+} from "../../providers/whitelabel.provider";
+import { cn } from "../../infra/utils/clsx";
 import type { ProfileMenuItem } from "./ProfilePopover";
 
 export interface AppMobileNavBarProps {
   /** Which app is currently active — controls which icon gets the indicator */
   activeApp?: "gapps" | "gpages";
+  /** Called when the GreatApps logo is clicked */
+  onLogoClick?: () => void;
   /** Called when the app icon (e.g. GreatPages) is clicked */
   onAppIconClick?: () => void;
   /** Extra slot rendered after the app icon (e.g. project selector) */
@@ -21,19 +28,165 @@ export interface AppMobileNavBarProps {
 
 export function AppMobileNavBar({
   activeApp,
+  onLogoClick,
   onAppIconClick,
   extraLeftSlot,
   menuItems = [],
   showMenuToggle = true,
 }: AppMobileNavBarProps) {
   const { isOpen, toggle } = useMobileNavbarSheet();
+  const { whitelabel } = useWhitelabel();
   const isDefaultWl = useIsDefaultWhitelabel();
+  const primaryColor = whitelabel?.general?.primary_color;
+  const wlName = whitelabel?.name || "Great";
 
+  const isGappsActive = activeApp === "gapps";
   const isGpagesActive = activeApp === "gpages";
 
+  const wlIcon = whitelabel?.secondary_logo ? (
+    <Image
+      className="size-7 object-contain"
+      src={`${process.env.NEXT_PUBLIC_STORAGE_URL}/${whitelabel.secondary_logo}`}
+      alt={`${wlName} Logo`}
+      width={28}
+      height={28}
+    />
+  ) : (
+    <div
+      className={cn(
+        "size-10 rounded-lg flex items-center justify-center transition-opacity duration-300",
+        !isGappsActive && "opacity-20",
+      )}
+      style={{ backgroundColor: primaryColor }}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="white"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      >
+        <path d="M4 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4" />
+        <path d="M14 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4" />
+        <path d="M4 15a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4" />
+        <path d="M14 15a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4" />
+      </svg>
+    </div>
+  );
+
   return (
     <div className="fixed top-0 left-0 right-0 flex md:hidden items-center justify-between p-4 bg-white z-50 border-b border-gray-200">
       <div className="flex items-center gap-1.5">
+        {/* GreatApps logo */}
+        <div className="relative">
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <div
+                className={cn(
+                  "flex items-center justify-center",
+                  onLogoClick ? "cursor-pointer" : "",
+                )}
+                onClick={onLogoClick}
+              >
+                {isDefaultWl ? (
+                  <div className="size-10 flex items-center justify-center rounded-lg">
+                    <Image
+                      src="/icons/great-icon.svg"
+                      alt="Great Icon"
+                      width={28}
+                      height={28}
+                    />
+                  </div>
+                ) : (
+                  wlIcon
+                )}
+              </div>
+            </TooltipTrigger>
+            <TooltipContent side="bottom">{wlName}</TooltipContent>
+          </Tooltip>
+          <div
+            className={cn(
+              "absolute -bottom-[17px] left-1/2 -translate-x-1/2 w-5 h-[3px] rounded-t-xl transition-opacity duration-300",
+              isDefaultWl ? "bg-gray-950" : "",
+              isGappsActive ? "opacity-100" : "opacity-0",
+            )}
+            style={!isDefaultWl ? { backgroundColor: primaryColor } : undefined}
+          />
+        </div>
+
+        {/* GreatPages icon */}
+        <div className="relative">
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <div
+                className={cn(
+                  "size-10 rounded-lg flex items-center justify-center border-2 ring-2 transition-colors duration-300",
+                  isGpagesActive
+                    ? isDefaultWl
+                      ? "bg-cyan-100 border-white ring-cyan-300"
+                      : "border-white ring-transparent"
+                    : isDefaultWl
+                      ? "hover:bg-gray-100 border-transparent ring-transparent"
+                      : "border-transparent ring-transparent",
+                  onAppIconClick ? "cursor-pointer" : "",
+                )}
+                style={
+                  !isDefaultWl
+                    ? {
+                        backgroundColor: primaryColor,
+                        boxShadow: isGpagesActive
+                          ? `0 0 0 2px ${primaryColor}40`
+                          : undefined,
+                        opacity: !isGpagesActive ? 0.2 : undefined,
+                      }
+                    : undefined
+                }
+                onClick={onAppIconClick}
+              >
+                {isDefaultWl ? (
+                  <Image
+                    src="/icons/icon-navbar.svg"
+                    alt="GreatPages"
+                    width={24}
+                    height={24}
+                  />
+                ) : (
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="24"
+                    height="24"
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    stroke="white"
+                    strokeWidth="2"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  >
+                    <path d="M4 8h16" />
+                    <path d="M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12" />
+                    <path d="M8 4v4" />
+                  </svg>
+                )}
+              </div>
+            </TooltipTrigger>
+            <TooltipContent side="bottom">
+              {isDefaultWl ? "GreatPages" : "Páginas"}
+            </TooltipContent>
+          </Tooltip>
+          <div
+            className={cn(
+              "absolute -bottom-[17px] left-1/2 -translate-x-1/2 w-5 h-[3px] rounded-t-xl transition-opacity duration-300",
+              isDefaultWl ? "bg-cyan-300" : "",
+              isGpagesActive ? "opacity-100" : "opacity-0",
+            )}
+            style={!isDefaultWl ? { backgroundColor: primaryColor } : undefined}
+          />
+        </div>
+
         {extraLeftSlot}
       </div>
       <div className="flex items-center gap-1.5">

package/src/components/layouts/NavBar.tsx

@@ -3,7 +3,6 @@
 import * as React from "react";
 import Image from "next/image";
 import Link from "next/link";
-import { useTranslations } from "next-intl";
 import { IconChevronRight } from "@tabler/icons-react";
 import { Separator } from "../ui/data-display/Separator";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/overlay/Tooltip";
@@ -36,7 +35,6 @@ function NavBar({
   children,
   className,
 }: NavBarProps) {
-  const translate = useTranslations();
   const { isExpanded: isDesktopExpanded, toggle: toggleDesktop } =
     useDesktopSidebarStore();
   useDesktopSidebarHydration();
@@ -130,7 +128,7 @@ function NavBar({
                   <IconChevronRight size={16} className="text-gray-500" />
                 </button>
               </TooltipTrigger>
-              <TooltipContent side="right">{translate('common.layout.navbar.expandMenu')}</TooltipContent>
+              <TooltipContent side="right">Expandir menu</TooltipContent>
             </Tooltip>
           )}
           {/* Desktop expand button */}
@@ -144,7 +142,7 @@ function NavBar({
                   <IconChevronRight size={16} className="text-gray-500" />
                 </button>
               </TooltipTrigger>
-              <TooltipContent side="right">{translate('common.layout.navbar.expandMenu')}</TooltipContent>
+              <TooltipContent side="right">Expandir menu</TooltipContent>
             </Tooltip>
           )}
         </div>
@@ -205,7 +203,7 @@ function NavBar({
               </Link>
             </TooltipTrigger>
             <TooltipContent side="right">
-              {isDefaultWl ? translate('common.layout.navbar.greatPages') : translate('common.layout.navbar.pages')}
+              {isDefaultWl ? "GreatPages" : "Páginas"}
             </TooltipContent>
           </Tooltip>
           <div

package/src/components/layouts/NotificationsPopover.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { useState } from "react";
-import { useTranslations } from "next-intl";
 import { IconBell } from '@tabler/icons-react';
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { Popover } from "../ui/overlay/Popover";
@@ -28,7 +27,6 @@ function NotificationsPopover({
   contentClassName,
   badgeClassName,
 }: NotificationsPopoverProps) {
-  const translate = useTranslations();
   const isDefaultWl = useIsDefaultWhitelabel();
   const resolvedBadgeClassName = badgeClassName ?? (isDefaultWl ? "bg-cyan-300" : "bg-zinc-300");
   const [open, setOpen] = useState(false);
@@ -73,7 +71,7 @@ function NotificationsPopover({
           sideOffset={8}
         >
           <span className="paragraph-small-semibold text-gray-950 px-4">
-            {translate('common.notifications.popover.title')}
+            Últimas notificações
           </span>
 
           {messages.length > 0 ? (
@@ -97,7 +95,7 @@ function NotificationsPopover({
                 <IconBell size={20} color="var(--color-gray-950)" />
               </div>
               <span className="paragraph-small-medium text-gray-950">
-                {translate('common.notifications.popover.empty')}
+                Sem notificações por enquanto
               </span>
             </div>
           )}
@@ -108,7 +106,7 @@ function NotificationsPopover({
               className="h-8! mt-2 mb-4 mx-4 paragraph-small-semibold"
               onClick={onViewAll}
             >
-              {translate('common.notifications.popover.viewAll')}
+              Todas as notificações
             </Button>
           )}
         </PopoverPrimitive.Content>

package/src/components/layouts/ProfilePopover.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { useState } from "react";
-import { useTranslations } from "next-intl";
 import { useRouter } from "next/navigation";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { Popover } from "../ui/overlay/Popover";
@@ -37,7 +36,6 @@ function ProfilePopover({
   contentClassName = "absolute bottom-2 left-[26px]",
   menuItems = [],
 }: ProfilePopoverProps) {
-  const translate = useTranslations();
   const { user, logout } = useAuth();
   const [isLoggingOut, setIsLoggingOut] = useState(false);
   const [popoverOpen, setPopoverOpen] = useState(false);
@@ -70,7 +68,7 @@ function ProfilePopover({
     <>
       <LoadingOverlay
         isLoading={isLoggingOut}
-        message={translate('common.layout.profile.loggingOut')}
+        message="Saindo da sua conta..."
       />
       <Popover open={popoverOpen} onOpenChange={setPopoverOpen}>
         <PopoverPrimitive.Trigger className="cursor-pointer">
@@ -126,7 +124,7 @@ function ProfilePopover({
                   }
                 }}
               >
-                {translate('common.actions.edit')}
+                Editar
               </Button>
             </div>
 
@@ -148,7 +146,7 @@ function ProfilePopover({
                 >
                   <div className="flex items-center justify-between gap-2">
                     <span className="paragraph-xsmall-semibold text-white truncate">
-                      {translate('common.layout.profile.usedCredits')}
+                      Créditos usados
                     </span>
                     <span className="paragraph-xsmall-medium text-white/50">
                       {summary.usedCredits.toLocaleString("pt-BR")}/
@@ -175,7 +173,7 @@ function ProfilePopover({
                   ))}
                 </div>
                 <Separator />
-                <NavBarItem label={translate('common.layout.profile.logout')} onClick={handleLogout} />
+                <NavBarItem label="Sair" onClick={handleLogout} />
               </div>
             </div>
           </PopoverPrimitive.Content>