@greatapps/common 1.1.112 → 1.1.114

package/package.json

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

package/src/components/layouts/AppMobileNavBar.tsx

@@ -1,15 +1,15 @@
-'use client';
+"use client";
 
-import { ReactNode } from 'react';
-import Image from 'next/image';
-import { ProfilePopover } from './ProfilePopover';
-import { useAccountModals } from '../../store/useAccountModals';
-import type { ProfileMenuItem } from './ProfilePopover';
-import { Tooltip, TooltipContent, TooltipTrigger } from '../ui/overlay/Tooltip';
+import { ReactNode } from "react";
+import Image from "next/image";
+import { ProfilePopover } from "./ProfilePopover";
+import { useAccountModals } from "../../store/useAccountModals";
+import type { ProfileMenuItem } from "./ProfilePopover";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/overlay/Tooltip";
 
 export interface AppMobileNavBarProps {
   /** Which app is currently active — controls which icon gets the indicator */
-  activeApp?: 'gapps' | 'gpages';
+  activeApp?: "gapps" | "gpages";
   /** Called when the GreatApps logo is clicked */
   onLogoClick?: () => void;
   /** Called when the app icon (e.g. GreatPages) is clicked */
@@ -33,8 +33,8 @@ export function AppMobileNavBar({
 }: AppMobileNavBarProps) {
   const { openConfigurations } = useAccountModals();
 
-  const isGpagesActive = activeApp === 'gpages';
-  const isGappsActive = activeApp === 'gapps';
+  const isGpagesActive = activeApp === "gpages";
+  const isGappsActive = activeApp === "gapps";
 
   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">
@@ -42,10 +42,15 @@ export function AppMobileNavBar({
         <Tooltip>
           <TooltipTrigger asChild>
             <div
-              className={`relative size-10 flex items-center justify-center rounded-lg transition-colors ${onLogoClick ? 'cursor-pointer hover:bg-gray-100' : ''}`}
+              className={`relative size-10 flex items-center justify-center rounded-lg transition-colors ${onLogoClick ? "cursor-pointer hover:bg-gray-100" : ""}`}
               onClick={onLogoClick}
             >
-              <Image src="/icons/great-icon.svg" alt="GreatApps" width={28} height={28} />
+              <Image
+                src="/icons/great-icon.svg"
+                alt="GreatApps"
+                width={28}
+                height={28}
+              />
               {isGappsActive && (
                 <div className="absolute bottom-[-17px] left-1/2 -translate-x-1/2 w-5 h-[3px] bg-gray-950 rounded-t-xl" />
               )}
@@ -60,27 +65,39 @@ export function AppMobileNavBar({
                 <div
                   className="size-10 rounded-xl cursor-pointer p-[2px]"
                   style={{
-                    border: '1.5px solid rgba(153,234,255,0.75)',
-                    background: 'white',
-                    boxShadow: '0 0 8px rgba(153,234,255,0.5), 0 0 18px rgba(153,234,255,0.2)',
+                    border: "1.5px solid rgba(153,234,255,0.75)",
+                    background: "white",
+                    boxShadow:
+                      "0 0 8px rgba(153,234,255,0.5), 0 0 18px rgba(153,234,255,0.2)",
                   }}
                   onClick={onAppIconClick}
                 >
                   <div
                     className="w-full h-full rounded-lg flex items-center justify-center"
                     style={{
-                      background: 'radial-gradient(circle at center, rgba(255,255,255,0.95) 0%, rgba(153,234,255,0.45) 100%)',
+                      background:
+                        "radial-gradient(circle at center, rgba(255,255,255,0.95) 0%, rgba(153,234,255,0.45) 100%)",
                     }}
                   >
-                    <Image src="/icons/icon-navbar.svg" alt="GreatPages" width={24} height={24} />
+                    <Image
+                      src="/icons/icon-navbar.svg"
+                      alt="GreatPages"
+                      width={24}
+                      height={24}
+                    />
                   </div>
                 </div>
               ) : (
                 <div
-                  className={`size-10 flex items-center justify-center rounded-lg transition-colors duration-300 bg-pages-50 ${onAppIconClick ? 'cursor-pointer hover:opacity-80' : ''}`}
+                  className={`size-10 flex items-center justify-center rounded-lg transition-colors duration-300 bg-pages-50 ${onAppIconClick ? "cursor-pointer hover:opacity-80" : ""}`}
                   onClick={onAppIconClick}
                 >
-                  <Image src="/icons/icon-navbar.svg" alt="GreatPages" width={24} height={24} />
+                  <Image
+                    src="/icons/icon-navbar.svg"
+                    alt="GreatPages"
+                    width={24}
+                    height={24}
+                  />
                 </div>
               )}
             </TooltipTrigger>