🎨 Rename "services" to "apps" in entire project

src/components/Dashboard/Wrappers/Category/Category.tsx

@@ -27,19 +27,19 @@ export const DashboardCategory = ({ category }: DashboardCategoryProps) => {
         data-category={category.id}
         ref={refs.wrapper}
       >
-        {items?.map((service) => {
-          const { component: TileComponent, ...tile } = Tiles['service'];
+        {items?.map((app) => {
+          const { component: TileComponent, ...tile } = Tiles['app'];
           return (
             <GridstackTileWrapper
-              id={service.id}
-              type="service"
-              key={service.id}
-              itemRef={refs.items.current[service.id]}
+              id={app.id}
+              type="app"
+              key={app.id}
+              itemRef={refs.items.current[app.id]}
               {...tile}
-              {...service.shape.location}
-              {...service.shape.size}
+              {...app.shape.location}
+              {...app.shape.size}
             >
-              <TileComponent className="grid-stack-item-content" service={service} />
+              <TileComponent className="grid-stack-item-content" app={app} />
             </GridstackTileWrapper>
           );
         })}

src/components/Dashboard/Wrappers/Sidebar/Sidebar.tsx

@@ -29,19 +29,19 @@ export const DashboardSidebar = ({ location }: DashboardSidebarProps) => {
         gs-min-row={minRow}
         ref={refs.wrapper}
       >
-        {items.map((service) => {
-          const { component: TileComponent, ...tile } = Tiles['service'];
+        {items.map((app) => {
+          const { component: TileComponent, ...tile } = Tiles['app'];
           return (
             <GridstackTileWrapper
-              id={service.id}
-              type="service"
-              key={service.id}
-              itemRef={refs.items.current[service.id]}
+              id={app.id}
+              type="app"
+              key={app.id}
+              itemRef={refs.items.current[app.id]}
               {...tile}
-              {...service.shape.location}
-              {...service.shape.size}
+              {...app.shape.location}
+              {...app.shape.size}
             >
-              <TileComponent className="grid-stack-item-content" service={service} />
+              <TileComponent className="grid-stack-item-content" app={app} />
             </GridstackTileWrapper>
           );
         })}

src/components/Dashboard/Wrappers/Wrapper/Wrapper.tsx

@@ -17,19 +17,19 @@ export const DashboardWrapper = ({ wrapper }: DashboardWrapperProps) => {
       data-wrapper={wrapper.id}
       ref={refs.wrapper}
     >
-      {items?.map((service) => {
-        const { component: TileComponent, ...tile } = Tiles['service'];
+      {items?.map((app) => {
+        const { component: TileComponent, ...tile } = Tiles['app'];
         return (
           <GridstackTileWrapper
-            id={service.id}
-            type="service"
-            key={service.id}
-            itemRef={refs.items.current[service.id]}
+            id={app.id}
+            type="app"
+            key={app.id}
+            itemRef={refs.items.current[app.id]}
             {...tile}
-            {...service.shape.location}
-            {...service.shape.size}
+            {...app.shape.location}
+            {...app.shape.size}
           >
-            <TileComponent className="grid-stack-item-content" service={service} />
+            <TileComponent className="grid-stack-item-content" app={app} />
           </GridstackTileWrapper>
         );
       })}

src/components/Dashboard/Wrappers/gridstack/init-gridstack.ts

@@ -1,7 +1,7 @@
 import { GridStack, GridStackNode } from 'fily-publish-gridstack';
 import { MutableRefObject, RefObject } from 'react';
 import { IntegrationsType } from '../../../../types/integration';
-import { ServiceType } from '../../../../types/service';
+import { AppType } from '../../../../types/app';
 
 export const initializeGridstack = (
   areaType: 'wrapper' | 'category' | 'sidebar',
@@ -9,7 +9,7 @@ export const initializeGridstack = (
   gridRef: MutableRefObject<GridStack | undefined>,
   itemRefs: MutableRefObject<Record<string, RefObject<HTMLDivElement>>>,
   areaId: string,
-  items: ServiceType[],
+  items: AppType[],
   integrations: IntegrationsType,
   isEditMode: boolean,
   events: {

src/components/Dashboard/Wrappers/gridstack/use-gridstack.ts

@@ -12,13 +12,13 @@ import { useConfigContext } from '../../../../config/provider';
 import { useConfigStore } from '../../../../config/store';
 import { useResize } from '../../../../hooks/use-resize';
 import { IntegrationsType } from '../../../../types/integration';
-import { ServiceType } from '../../../../types/service';
+import { AppType } from '../../../../types/app';
 import { TileBaseType } from '../../../../types/tile';
 import { useEditModeStore } from '../../Views/useEditModeStore';
 import { initializeGridstack } from './init-gridstack';
 
 interface UseGristackReturnType {
-  items: ServiceType[];
+  items: AppType[];
   integrations: Partial<IntegrationsType>;
   refs: {
     wrapper: RefObject<HTMLDivElement>;
@@ -45,7 +45,7 @@ export const useGridstack = (
 
   const items = useMemo(
     () =>
-      config?.services.filter(
+      config?.apps.filter(
         (x) =>
           x.area.type === areaType &&
           (x.area.type === 'sidebar'
@@ -100,8 +100,8 @@ export const useGridstack = (
         // Updates the config and defines the new position of the item
         updateConfig(configName, (previous) => {
           const currentItem =
-            itemType === 'service'
-              ? previous.services.find((x) => x.id === itemId)
+            itemType === 'app'
+              ? previous.apps.find((x) => x.id === itemId)
               : previous.integrations[itemId as keyof typeof previous.integrations];
           if (!currentItem) return previous;
 
@@ -116,12 +116,12 @@ export const useGridstack = (
             },
           };
 
-          if (itemType === 'service') {
+          if (itemType === 'app') {
             return {
               ...previous,
-              services: [
-                ...previous.services.filter((x) => x.id !== itemId),
-                { ...(currentItem as ServiceType) },
+              apps: [
+                ...previous.apps.filter((x) => x.id !== itemId),
+                { ...(currentItem as AppType) },
               ],
             };
           }
@@ -147,8 +147,8 @@ export const useGridstack = (
         // Updates the config and defines the new position and wrapper of the item
         updateConfig(configName, (previous) => {
           const currentItem =
-            itemType === 'service'
-              ? previous.services.find((x) => x.id === itemId)
+            itemType === 'app'
+              ? previous.apps.find((x) => x.id === itemId)
               : previous.integrations[itemId as keyof typeof previous.integrations];
 
           if (!currentItem) return previous;
@@ -180,12 +180,12 @@ export const useGridstack = (
             },
           };
 
-          if (itemType === 'service') {
+          if (itemType === 'app') {
             return {
               ...previous,
-              services: [
-                ...previous.services.filter((x) => x.id !== itemId),
-                { ...(currentItem as ServiceType) },
+              apps: [
+                ...previous.apps.filter((x) => x.id !== itemId),
+                { ...(currentItem as AppType) },
               ],
             };
           }