{topLevel.map(cat => {
const isActive = activeCat === cat.id
diff --git a/waiter_pwa/src/components/TableCard.jsx b/waiter_pwa/src/components/TableCard.jsx
index a11fc01..e94beba 100644
--- a/waiter_pwa/src/components/TableCard.jsx
+++ b/waiter_pwa/src/components/TableCard.jsx
@@ -2,6 +2,8 @@ import { useRef, useState } from 'react'
import useThemeStore from '../store/themeStore'
import useTableColourStore from '../store/tableColourStore'
+const API_URL = import.meta.env.VITE_API_URL || ''
+
const STATUS_LABELS = {
free: 'ΕΛΕΥΘΕΡΟ',
open: 'ΑΝΟΙΧΤΟ',
@@ -13,7 +15,555 @@ const STATUS_LABELS = {
const DRAG_THRESHOLD = 8
const HOLD_MS = 480
-export default function TableCard({ table, order, isMine, flags = [], groupName = '', onClick, onLongPress }) {
+// ─── Avatar helpers ───────────────────────────────────────────────────────────
+
+const AVATAR_PALETTE = ['#3758c9', '#7a44c9', '#2f9e5e', '#d94b26', '#8a6d2b', '#0d7a8a', '#c93775', '#1d6f3a']
+
+function avatarColor(name = '') {
+ let h = 0
+ for (let i = 0; i < name.length; i++) h = (h * 31 + name.charCodeAt(i)) >>> 0
+ return AVATAR_PALETTE[h % AVATAR_PALETTE.length]
+}
+
+function WaiterAvatar({ waiter, size = 22, ring }) {
+ const displayName = waiter.nickname || waiter.full_name || waiter.username || '?'
+ const initials = displayName.trim().split(' ').map(p => p[0]).slice(0, 2).join('').toUpperCase()
+ const ringStyle = ring ? { boxShadow: `0 0 0 2px ${ring}` } : {}
+
+ if (waiter.avatar_url) {
+ return (
+
+ )
+ }
+ return (
+
{initials}
+ )
+}
+
+// Renders [icon] Name, [icon] Name inline. Falls back to icons + "X Waiters" if they don't fit
+// (we approximate "don't fit" as > 2 waiters for the compact footer height).
+function WaiterRow({ waiters, size = 22, cfg }) {
+ if (!waiters?.length) return null
+ const textColor = cfg.nameText
+
+ // ≤ 2 waiters: show icon + name pairs
+ if (waiters.length <= 2) {
+ return (
+
+ {waiters.map((w, i) => {
+ const name = w.nickname || w.full_name || w.username || '?'
+ return (
+
+ {i > 0 && ·}
+
+ {name}
+
+ )
+ })}
+
+ )
+ }
+
+ // > 2 waiters: icons only + "X Waiters" label
+ return (
+
+ {waiters.slice(0, 3).map((w, i) => (
+
+
+
+ ))}
+ {waiters.length > 3 && (
+
+{waiters.length - 3}
+ )}
+
+ {waiters.length} σερβιτόροι
+
+
+ )
+}
+
+// ─── Status pill ──────────────────────────────────────────────────────────────
+
+function StatusPill({ label, badgeBg, badgeText, small }) {
+ return (
+
{label}
+ )
+}
+
+// ─── Flag dot ─────────────────────────────────────────────────────────────────
+
+function FlagDot({ flag, size = 22 }) {
+ const textColor = flag.text_color || '#ffffff'
+ return (
+
+ {flag.emoji || '🏷️'}
+
+ )
+}
+
+// ─── Flag overflow row: show up to maxShow dots, then +N bubble ───────────────
+
+function FlagDots({ flags, size, maxShow }) {
+ if (!flags.length) return null
+ const visible = flags.slice(0, maxShow)
+ const overflow = flags.length - maxShow
+ return (
+
+ {visible.map(f =>
)}
+ {overflow > 0 && (
+
+{overflow}
+ )}
+
+ )
+}
+
+// ─── Flag chip (icon + label) ─────────────────────────────────────────────────
+
+function FlagChip({ flag }) {
+ const textColor = flag.text_color || '#ffffff'
+ return (
+
+ {flag.emoji || '🏷️'}
+
+ {flag.name}
+
+
+ )
+}
+
+// ─── Amount display ───────────────────────────────────────────────────────────
+
+function Amount({ value, size = 22, color }) {
+ const s = Number(value || 0).toFixed(2)
+ const [whole, cents] = s.split('.')
+ const isNum = typeof size === 'number'
+ const centsSize = isNum ? size * 0.56 : `calc(${size} * 0.56)`
+ return (
+
+ {whole}
+ .{cents}€
+
+ )
+}
+
+// ─── Card variants ────────────────────────────────────────────────────────────
+
+// 1x1 — square-ish, 4 per row. Badges top (up to 2 + +N), name center, status bottom.
+function Card1x1({ table, order, flags, waiterObjects, cfg, statusKey }) {
+ return (
+
+ {/* top strip: badges up to 2, then +N */}
+
+
+
+
+ {/* center: name */}
+
+ {table.label || `T${table.number}`}
+
+
+ {/* bottom strip: status */}
+
+
+ {STATUS_LABELS[statusKey]}
+
+
+
+ )
+}
+
+// 2x1 — half width, compact horizontal. Name left, status + badges (up to 3 + +N) right.
+function Card2x1({ table, order, flags, waiterObjects, cfg, statusKey }) {
+ return (
+
+
+ {table.label || `T${table.number}`}
+
+
+
+
+ {flags.length > 0 && (
+
+ )}
+
+
+ )
+}
+
+// 2x2 — current-style square. Name top-left, status (slightly smaller) below, amount bottom-left, flags right.
+function Card2x2({ table, order, flags, waiterObjects, cfg, statusKey }) {
+ const isFree = !order
+ const total = order?.items?.filter(i => i.status === 'active').reduce((s, i) => s + i.unit_price * i.quantity, 0) ?? 0
+ const showAmount = !isFree
+
+ return (
+
+ {/* left column */}
+
+
+ {table.label || `T${table.number}`}
+
+
+
+
+
+
+
+ {/* right column: flags — show 2, then +N */}
+ {flags.length > 0 && (
+
+
+
+ )}
+
+ )
+}
+
+// 4x1 — full width horizontal. Name + amount left-center, badges (up to 3 + +N) + status right.
+function Card4x1({ table, order, flags, waiterObjects, cfg, statusKey }) {
+ const isFree = !order
+ const total = order?.items?.filter(i => i.status === 'active').reduce((s, i) => s + i.unit_price * i.quantity, 0) ?? 0
+ const showAmount = !isFree
+
+ return (
+
+ {/* name */}
+
+ {table.label || `T${table.number}`}
+
+
+ {/* separator dot */}
+
·
+
+ {/* amount */}
+
+
+ {/* flags up to 3 + +N */}
+ {flags.length > 0 && (
+
+ )}
+
+ {/* status */}
+
+
+ )
+}
+
+// 4x2 — full width, tall. One main row: name+zone left, status center, amount+flags right. Flag chips below. Waiter footer.
+function Card4x2({ table, order, flags, waiterObjects, groupName, cfg, statusKey }) {
+ const isFree = !order
+ const total = order?.items?.filter(i => i.status === 'active').reduce((s, i) => s + i.unit_price * i.quantity, 0) ?? 0
+ const showAmount = !isFree
+ const showWaiters = !isFree && waiterObjects.length > 0
+
+ return (
+
+ {/* main body */}
+
+ {/* top row: name LEFT | status CENTER | amount RIGHT — all top-aligned */}
+
+ {/* left: name + zone */}
+
+
+ {table.label || `T${table.number}`}
+
+ {groupName && (
+
+ {groupName}
+
+ )}
+
+
+ {/* center: status pill — top-aligned via paddingTop to optically align with name cap */}
+
+
+
+
+ {/* right: amount — top-aligned */}
+ {showAmount && (
+
+ )}
+
+
+ {/* flag chips row — right-aligned */}
+ {flags.length > 0 && (
+
+ {flags.slice(0, 4).map(f =>
)}
+ {flags.length > 4 && (
+
+{flags.length - 4}
+ )}
+
+ )}
+
+
+ {/* footer: waiters */}
+
+ {showWaiters
+ ?
+ : —
+ }
+
+
+ )
+}
+
+// 4x3 — full width, two-column detail card. Left: name/zone/status/amount. Right: order items list. Footer: waiters.
+function Card4x3({ table, order, flags, waiterObjects, groupName, cfg, statusKey }) {
+ const isFree = !order
+ const activeItems = order?.items?.filter(i => i.status === 'active') ?? []
+ const total = activeItems.reduce((s, i) => s + i.unit_price * i.quantity, 0)
+ const showWaiters = !isFree && waiterObjects.length > 0
+
+ return (
+
+
+ {/* left column: name, zone, amount, status, flags */}
+
+
+
+ {table.label || `T${table.number}`}
+
+ {groupName && (
+
+ {groupName}
+
+ )}
+
+
+
+
+
+
+
+
+ {flags.length > 0 && (
+
+
+
+ )}
+
+
+ {/* divider */}
+
+
+ {/* right column: order items */}
+
+ {isFree ? (
+
+ Ελεύθερο
+
+ ) : activeItems.length === 0 ? (
+
+ Κανένα είδος
+
+ ) : (
+
+ {activeItems.slice(0, 7).map(item => (
+
+ {item.quantity}×
+ {item.product?.name || `#${item.product_id}`}
+
+ {(item.unit_price * item.quantity).toFixed(2)}€
+
+
+ ))}
+ {activeItems.length > 7 && (
+
+ +{activeItems.length - 7} ακόμα…
+
+ )}
+
+ )}
+
+
+
+ {/* footer: waiters */}
+
+ {showWaiters
+ ?
+ : —
+ }
+
+
+ )
+}
+
+// ─── Main export ──────────────────────────────────────────────────────────────
+
+export default function TableCard({
+ table,
+ order,
+ isMine,
+ flags = [],
+ groupName = '',
+ waiterObjects = [],
+ density = '2x2',
+ onClick,
+ onLongPress,
+}) {
const holdTimer = useRef(null)
const startPos = useRef({ x: 0, y: 0 })
const didFire = useRef(false)
@@ -31,8 +581,6 @@ export default function TableCard({ table, order, isMine, flags = [], groupName
const mode = dark ? 'dark' : 'light'
const cfg = colours[mode][statusKey]
- const displayName = table.label || `T${table.number}`
-
function cancel() {
clearTimeout(holdTimer.current)
holdTimer.current = null
@@ -57,10 +605,7 @@ export default function TableCard({ table, order, isMine, flags = [], groupName
if (dx > DRAG_THRESHOLD || dy > DRAG_THRESHOLD) cancel()
}
- function onTouchEnd() {
- cancel()
- setShowTip(false)
- }
+ function onTouchEnd() { cancel(); setShowTip(false) }
function onMouseDown(e) {
startPos.current = { x: e.clientX, y: e.clientY }
@@ -85,11 +630,21 @@ export default function TableCard({ table, order, isMine, flags = [], groupName
onClick?.()
}
+ const cardProps = { table, order, flags, waiterObjects, groupName, cfg, statusKey }
+
+ const CardComponent = {
+ '1x1': Card1x1,
+ '2x1': Card2x1,
+ '2x2': Card2x2,
+ '4x1': Card4x1,
+ '4x2': Card4x2,
+ '4x3': Card4x3,
+ }[density] || Card2x2
+
return (
-
+
- {/* Flag name tooltip on long-press (only when no onLongPress handler) */}
{showTip && flags.length > 0 && (
{flags.map(f => (
diff --git a/waiter_pwa/src/components/UserMenu.jsx b/waiter_pwa/src/components/UserMenu.jsx
index cc1d8c3..32c79ed 100644
--- a/waiter_pwa/src/components/UserMenu.jsx
+++ b/waiter_pwa/src/components/UserMenu.jsx
@@ -168,6 +168,12 @@ export default function UserMenu() {
{dark ? 'Φωτεινό θέμα' : 'Σκοτεινό θέμα'}
+ {/* ── Settings ──────────────────────────────────────── */}
+
+
{error &&
{error}
}
- {printAck?.allOk && (
-
- ✓ Εκτυπώθηκε επιτυχώς — μεταφορά…
-
- )}
{/* ── Cart side drawer ────────────────────────────────────────────────── */}
@@ -465,7 +488,7 @@ export default function AddItemsPage() {
className="btn btn--primary btn--lg"
style={{ width: '100%' }}
onClick={sendOrder}
- disabled={cart.length === 0 || sending}
+ disabled={cart.length === 0 || sending || !!printAck?.allOk}
>
{sending ? 'Αποστολή…' : `Αποστολή Παραγγελίας (${cart.length})`}
@@ -483,6 +506,46 @@ export default function AddItemsPage() {
initialState={editItem.drawerState}
/>
)}
+
+ {/* ── Search modal ─────────────────────────────────────────────────────── */}
+ {searchOpen && (
+
setSearchOpen(false)}
+ onAdd={item => { addToCart(item); setSearchOpen(false) }}
+ />
+ )}
+
+ {/* Full-screen success overlay — blocks all interaction while navigating */}
+ {printAck?.allOk && (
+
+
+
+
+ Εκτυπώθηκε Επιτυχώς
+
+
+
+
)
}
@@ -638,3 +701,144 @@ function CartItem({ item, product, summaryLines, sections, onEdit, onRemove, onC
)
}
+
+// ── Search Modal ──────────────────────────────────────────────────────────────
+
+const API_URL = import.meta.env.VITE_API_URL || ''
+
+function SearchModal({ products, query, setQuery, onClose, onAdd }) {
+ const [drawerProduct, setDrawerProduct] = useState(null)
+ const activeProducts = products.filter(p => p.lifecycle_status !== 'archived')
+
+ const results = query.trim().length === 0
+ ? []
+ : activeProducts.filter(p =>
+ p.name.toLowerCase().includes(query.trim().toLowerCase())
+ )
+
+ function openProduct(p) {
+ // Blur the input first so the keyboard dismisses, then open the drawer
+ document.activeElement?.blur()
+ setDrawerProduct(p)
+ }
+
+ // The modal is position:fixed anchored to bottom:0.
+ // When the soft keyboard opens on mobile the browser shrinks the visual
+ // viewport and fixed elements reposition automatically — the panel sits
+ // right on top of the keyboard without any JS measurement needed.
+ return (
+ <>
+ {/* Dim backdrop — tap to close */}
+
+
+ {/* Panel: fixed to bottom, grows upward, capped at 60vh so results don't
+ push the input off screen on short viewports */}
+
+ {/* Results scroll area — flex:1 so it takes space above the input */}
+
+ {query.trim().length === 0 ? (
+
+ Πληκτρολογήστε για αναζήτηση…
+
+ ) : results.length === 0 ? (
+
+ Δεν βρέθηκαν προϊόντα για «{query}»
+
+ ) : results.map(p => {
+ const initials = p.name.trim().split(/\s+/).slice(0, 2).map(w => w[0]).join('').toUpperCase()
+ return (
+
+ )
+ })}
+
+
+ {/* Search input — pinned at the bottom of the panel, above the keyboard */}
+
+
+
setQuery(e.target.value)}
+ placeholder="Αναζήτηση προϊόντος…"
+ style={{
+ flex: 1, height: 44, background: 'var(--bg2)',
+ border: '1px solid var(--border)', borderRadius: 12,
+ padding: '0 12px', fontSize: 16, color: 'var(--text)',
+ fontFamily: 'inherit', outline: 'none',
+ }}
+ />
+
+
+
+
+ {/* Product drawer — closes search modal when item is added */}
+ {drawerProduct && (
+
setDrawerProduct(null)}
+ onAdd={item => { onAdd(item); setDrawerProduct(null); onClose() }}
+ />
+ )}
+
+ )
+}
diff --git a/waiter_pwa/src/pages/LoginPage.jsx b/waiter_pwa/src/pages/LoginPage.jsx
index 92024cd..64f01cf 100644
--- a/waiter_pwa/src/pages/LoginPage.jsx
+++ b/waiter_pwa/src/pages/LoginPage.jsx
@@ -81,14 +81,19 @@ export default function LoginPage() {
const [waiters, setWaiters] = useState([])
const [loadingWaiters, setLoadingWaiters] = useState(true)
+ const [serverUnreachable, setServerUnreachable] = useState(false)
const [selectedWaiter, setSelectedWaiter] = useState(null)
const [error, setError] = useState('')
const [loading, setLoading] = useState(false)
useEffect(() => {
client.get('/api/auth/waiters')
- .then(r => setWaiters(r.data))
- .catch(() => setWaiters([]))
+ .then(r => { setWaiters(r.data); setServerUnreachable(false) })
+ .catch(err => {
+ // No response = network error = server unreachable
+ if (!err.response) setServerUnreachable(true)
+ setWaiters([])
+ })
.finally(() => setLoadingWaiters(false))
}, [])
@@ -130,6 +135,30 @@ export default function LoginPage() {
{loadingWaiters ? (
Φόρτωση…
+ ) : serverUnreachable ? (
+
+
🔌
+
+ Δεν βρέθηκε ο Server
+
+
+ Δεν είναι δυνατή η σύνδεση με τον Manager.
+ Δεν μπορεί να ξεκινήσει βάρδια χωρίς σύνδεση.
+
+
+
) : waiters.length === 0 ? (
Δεν βρέθηκαν σερβιτόροι
) : (
diff --git a/waiter_pwa/src/pages/SettingsPage.jsx b/waiter_pwa/src/pages/SettingsPage.jsx
new file mode 100644
index 0000000..6dfd2c0
--- /dev/null
+++ b/waiter_pwa/src/pages/SettingsPage.jsx
@@ -0,0 +1,345 @@
+import { useState } from 'react'
+import { useNavigate } from 'react-router-dom'
+import useTableViewStore from '../store/tableViewStore'
+import useThemeStore from '../store/themeStore'
+
+// ─── Tab definitions (stub future tabs here) ──────────────────────────────────
+
+const TABS = [
+ { key: 'layout', label: 'Εμφάνιση' },
+ { key: 'favorites', label: 'Αγαπημένα', disabled: true },
+]
+
+// ─── Density option data ──────────────────────────────────────────────────────
+
+const DENSITY_OPTIONS = [
+ {
+ key: '1x1',
+ label: '1×1',
+ desc: '4 ανά σειρά — μόνο όνομα',
+ preview:
,
+ },
+ {
+ key: '2x1',
+ label: '2×1',
+ desc: '2 ανά σειρά — όνομα + κατάσταση',
+ preview:
,
+ },
+ {
+ key: '2x2',
+ label: '2×2',
+ desc: '2 ανά σειρά — συμπαγής κάρτα',
+ preview:
,
+ },
+ {
+ key: '4x1',
+ label: '4×1',
+ desc: '1 ανά σειρά — οριζόντια λίστα',
+ preview:
,
+ },
+ {
+ key: '4x2',
+ label: '4×2',
+ desc: '1 ανά σειρά — πλήρης κάρτα',
+ preview:
,
+ },
+ {
+ key: '4x3',
+ label: '4×3',
+ desc: '1 ανά σειρά — κάρτα με λίστα παραγγελίας',
+ preview:
,
+ },
+]
+
+// ─── Mini grid preview SVGs ───────────────────────────────────────────────────
+
+function Grid4() {
+ return (
+
+ )
+}
+
+function Grid2H() {
+ return (
+
+ )
+}
+
+function Grid2() {
+ return (
+
+ )
+}
+
+function Grid1H() {
+ return (
+
+ )
+}
+
+function Grid1() {
+ return (
+
+ )
+}
+
+function Grid1Detail() {
+ return (
+
+ )
+}
+
+// ─── Layout tab ───────────────────────────────────────────────────────────────
+
+function LayoutTab() {
+ const { density, setDensity } = useTableViewStore()
+ const { dark, toggle } = useThemeStore()
+
+ return (
+
+
+ {/* Card density */}
+
+ Κάρτες τραπεζιών
+ Επίλεξε πόσα στοιχεία εμφανίζονται σε κάθε κάρτα.
+
+
+ {DENSITY_OPTIONS.map(opt => {
+ const active = density === opt.key
+ return (
+
+ )
+ })}
+
+
+ {/* Theme */}
+
+ Θέμα
+
+
+ {[
+ { key: false, icon: '☀️', label: 'Φωτεινό' },
+ { key: true, icon: '🌙', label: 'Σκοτεινό' },
+ ].map(opt => {
+ const active = dark === opt.key
+ return (
+
+ )
+ })}
+
+
+
+ )
+}
+
+const sectionTitle = {
+ fontSize: 13, fontWeight: 700, color: 'var(--muted)',
+ letterSpacing: 0.8, textTransform: 'uppercase', marginBottom: 4,
+}
+const sectionSub = {
+ fontSize: 14, color: 'var(--muted)', lineHeight: 1.5,
+}
+
+// ─── Favorites stub tab ───────────────────────────────────────────────────────
+
+function FavoritesTab() {
+ return (
+
+
⭐
+
Σύντομα διαθέσιμο
+
+ Τα αγαπημένα προϊόντα θα εμφανίζονται εδώ για γρήγορη παραγγελία.
+
+
+ )
+}
+
+// ─── Main page ────────────────────────────────────────────────────────────────
+
+export default function SettingsPage() {
+ const navigate = useNavigate()
+ const [activeTab, setActiveTab] = useState('layout')
+
+ return (
+
+ {/* Top bar */}
+
+
+ Ρυθμίσεις
+ {/* spacer to balance the back button */}
+
+
+
+ {/* Tab strip */}
+
+ {TABS.map(tab => (
+
+ ))}
+
+
+ {/* Tab body */}
+
+ {activeTab === 'layout' && }
+ {activeTab === 'favorites' && }
+
+
+ )
+}
+
diff --git a/waiter_pwa/src/pages/TableListPage.jsx b/waiter_pwa/src/pages/TableListPage.jsx
index 257366d..f6ca1e6 100644
--- a/waiter_pwa/src/pages/TableListPage.jsx
+++ b/waiter_pwa/src/pages/TableListPage.jsx
@@ -1,22 +1,34 @@
-import { useEffect, useRef, useState } from 'react'
+import { useEffect, useRef, useState, useCallback } from 'react'
import { useNavigate } from 'react-router-dom'
import TableCard from '../components/TableCard'
import ConnectionBanner from '../components/ConnectionBanner'
+import EmergencyBar from '../components/EmergencyBar'
import UserMenu from '../components/UserMenu'
import useAuthStore from '../store/authStore'
import useTableColourStore from '../store/tableColourStore'
+import useConnectionStore from '../store/connectionStore'
+import useTableViewStore from '../store/tableViewStore'
import client from '../api/client'
+import db from '../db/posdb'
+import { queueOfflinePayment } from '../services/offlinePayments'
import { useNotifications } from '../context/NotificationContext'
import { FlagsIcon, TransferIcon, MergeIcon, PrintIcon, WaiterIcon } from '../components/Icons'
-const FILTERS = ['all', 'mine', 'free']
-const FILTER_LABELS = { all: 'Όλα', mine: 'Δικά μου', free: 'Ελεύθερα' }
-
function fmtPrice(v) { return Number(v || 0).toFixed(2) + ' €' }
-// ─── Notification history drawer ─────────────────────────────────────────────
+// ─── Icons ────────────────────────────────────────────────────────────────────
-function NotificationDrawer({ messages, onClose, onAck }) {
+function FilterIcon({ size = 20 }) {
+ return (
+
+ )
+}
+
+// ─── Notification drawer ──────────────────────────────────────────────────────
+
+function NotificationDrawer({ messages, onClose }) {
return (
e.stopPropagation()} style={{ maxHeight: '80svh' }}>
@@ -37,9 +49,7 @@ function NotificationDrawer({ messages, onClose, onAck }) {
📢
{msg.sender_name && (
-
- {msg.sender_name}
-
+
{msg.sender_name}
)}
{msg.body}
{tableIds.length > 0 && (
@@ -59,7 +69,7 @@ function NotificationDrawer({ messages, onClose, onAck }) {
)
}
-// ─── Table quick-view + actions popup (long-press) ────────────────────────────
+// ─── Table quick-view modal (long press) ──────────────────────────────────────
const QUICK_ACTIONS = [
{ Icon: FlagsIcon, label: 'Ενδείξεις Τραπεζιού', key: 'flags', color: '#fac823', iconBg: 'rgba(251,191,36,0.15)' },
@@ -77,25 +87,18 @@ function TableQuickModal({ table, order, flags, onClose, onNavigate, onAction })
const due = Math.max(0, total - paid)
const statusLabel = {
- open: 'Ανοιχτό',
- partially_paid: 'Μερικώς πληρωμένο',
- paid: 'Πληρωμένο',
+ open: 'Ανοιχτό', partially_paid: 'Μερικώς πληρωμένο', paid: 'Πληρωμένο',
}[order?.status] || 'Ελεύθερο'
return (
- {/* Status overview card */}
e.stopPropagation()}>
-
+
{tableName}
{statusLabel}
-
{order ? (
@@ -116,7 +119,6 @@ function TableQuickModal({ table, order, flags, onClose, onNavigate, onAction })
) : (
Δεν υπάρχει ενεργή παραγγελία
)}
-
{flags.length > 0 && (
{flags.map(f => (
@@ -132,47 +134,24 @@ function TableQuickModal({ table, order, flags, onClose, onNavigate, onAction })
))}
)}
-
-
-
- {/* Quick actions card */}
-
-
- ACTIONS
-
+
+
ACTIONS
{QUICK_ACTIONS.map((a, i) => {
const disabled = !order && a.key !== 'flags'
return (
-