Bugfix/tables store (#15)

* Fix duplicate tables and local storage

* fix(tables): correct TypeScript types in spec and remove unused watch import

Author: luiggibcn

apps/web/src/components/tables/ManageTables.vue

@@ -621,6 +621,7 @@ const handleScroll = () => {
 }
 
 onMounted(() => {
+  if(!tableStore.tables.length) tableStore.resetToDefaults()
   window.addEventListener('scroll', handleScroll)
 })
 

apps/web/src/composables/useNavItems.spec.ts

@@ -20,14 +20,15 @@ describe('useNavItems', () => {
   })
 
   describe('navItems', () => {
-    it('should export 3 nav items', () => {
-      expect(navItems).toHaveLength(3)
+    it('should export 4 nav items', () => {
+      expect(navItems).toHaveLength(4)
     })
 
-    it('should contain tables, menu and history items', () => {
+    it('should contain tables, menu, orders and history items', () => {
       const keys = navItems.map(i => i.key)
       expect(keys).toContain('tables')
       expect(keys).toContain('menu')
+      expect(keys).toContain('orders')
       expect(keys).toContain('history')
     })
 
@@ -44,6 +45,7 @@ describe('useNavItems', () => {
       const routeMap = Object.fromEntries(navItems.map(i => [i.key, i.routeName]))
       expect(routeMap.tables).toBe(AppRoute.TABLES)
       expect(routeMap.menu).toBe(AppRoute.PRODUCTS)
+      expect(routeMap.orders).toBe(AppRoute.ORDERS)
       expect(routeMap.history).toBe(AppRoute.QR)
     })
 
@@ -86,6 +88,8 @@ describe('useNavItems', () => {
       const { navigate } = useNavItems()
       navigate(AppRoute.PRODUCTS)
       expect(mockPush).toHaveBeenCalledWith({ name: AppRoute.PRODUCTS })
+      navigate(AppRoute.ORDERS)
+      expect(mockPush).toHaveBeenCalledWith({ name: AppRoute.ORDERS })
       navigate(AppRoute.QR)
       expect(mockPush).toHaveBeenCalledWith({ name: AppRoute.QR })
     })

apps/web/src/composables/useNavItems.ts

@@ -23,6 +23,12 @@ export const navItems: NavItem[] = [
     routeName: AppRoute.PRODUCTS,
     icon: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/></svg>`,
   },
+  {
+    key: 'orders',
+    labelKey: 'sidebar.orders',
+    routeName: AppRoute.ORDERS,
+    icon: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2"/><rect x="9" y="3" width="6" height="4" rx="1"/><path d="M9 12h6M9 16h4"/></svg>`,
+  },
   {
     key: 'history',
     labelKey: 'sidebar.history',

apps/web/src/interfaces/routes.interfaces.ts

@@ -6,5 +6,6 @@ export enum AppRoute {
     SIGNUP = 'signup',
     TEST = 'test',
     TABLES = 'tables',
+    ORDERS = 'orders',
   }
 

apps/web/src/locales/ca.json

@@ -82,11 +82,24 @@
     "total": "Total",
     "confirmButton": "Confirmar"
   },
+  "orders": {
+    "title": "Obrir / Crear taula",
+    "subtitle": "Selecciona una taula disponible per continuar",
+    "tableLabel": "Taula",
+    "seats": "seients",
+    "noTablesAvailable": "No hi ha taules disponibles en aquest moment",
+    "openTable": "Obrir taula",
+    "selectTableFirst": "Selecciona una taula per continuar",
+    "generating": "Generant...",
+    "continueTable": "Continuar amb taula",
+    "closeTable": "Tancar taula"
+  },
   "sidebar": {
     "dashboard": "Taulell",
     "menu": "Menú",
     "stock": "Inventari",
     "table": "Taules",
+    "orders": "Comandes",
     "history": "Historial",
     "settings": "Configuració",
     "signOut": "Tancar sessió",

apps/web/src/locales/en.json

@@ -82,11 +82,24 @@
     "total": "Total",
     "confirmButton": "Confirm"
   },
+  "orders": {
+    "title": "Open / Create Table",
+    "subtitle": "Select an available table to continue",
+    "tableLabel": "Table",
+    "seats": "seats",
+    "noTablesAvailable": "No tables available at the moment",
+    "openTable": "Open table",
+    "selectTableFirst": "Select a table to continue",
+    "generating": "Generating...",
+    "continueTable": "Continue with table",
+    "closeTable": "Close table"
+  },
   "sidebar": {
     "dashboard": "Dashboard",
     "menu": "Menu",
     "stock": "Stock",
     "table": "Tables",
+    "orders": "Orders",
     "history": "History",
     "settings": "Settings",
     "signOut": "Sign Out",

apps/web/src/locales/es.json

@@ -82,11 +82,24 @@
     "total": "Total",
     "confirmButton": "Confirmar"
   },
+  "orders": {
+    "title": "Abrir / Crear mesa",
+    "subtitle": "Selecciona una mesa disponible para continuar",
+    "tableLabel": "Mesa",
+    "seats": "asientos",
+    "noTablesAvailable": "No hay mesas disponibles en este momento",
+    "openTable": "Abrir mesa",
+    "selectTableFirst": "Selecciona una mesa para continuar",
+    "generating": "Generando...",
+    "continueTable": "Continuar con mesa",
+    "closeTable": "Cerrar mesa"
+  },
   "sidebar": {
     "dashboard": "Tablero",
     "menu": "Menú",
     "stock": "Inventario",
     "table": "Mesas",
+    "orders": "Pedidos",
     "history": "Historial",
     "settings": "Configuración",
     "signOut": "Cerrar sesión",