refactor: update icons and improve action visibility in row and bulk action menus

2026-07-23 18:29:40 +07:00
parent 7132ebc025
commit 1812f7c585
6 changed files with 51 additions and 174 deletions
@@ -1,131 +0,0 @@
-import { Paper, SimpleGrid, Box, Text, Group, Badge, Divider, Breadcrumbs, Anchor, Flex, Title, ActionIcon, Button } from '@repo/ui/components';
-import { useEnterpriseModuleTranslationContext } from '@repo/ui/foundations';
-import { ChevronRight, CheckCircle2, Trash2, Edit2, Play } from 'lucide-react';
-
-export default function FullPagePageDetail() {
-  const { t } = useEnterpriseModuleTranslationContext();
-
-  return (
-    <Box pb="xl">
-      {/* --- INLINED PAGE HEADER --- */}
-      <Box mb="xl" mt="xs">
-        <Breadcrumbs
-          mb="md"
-          separator={<ChevronRight size={12} strokeWidth={3} style={{ color: 'var(--mantine-color-gray-5)' }} />}
-        >
-          <Anchor href="#" c="dimmed" size="xs" fw={500} style={{ transition: 'color 0.2s ease', letterSpacing: '0.2px' }}>
-            Acme Corp
-          </Anchor>
-          <Anchor href="#" c="dimmed" size="xs" fw={500} style={{ transition: 'color 0.2s ease', letterSpacing: '0.2px' }}>
-            Infrastructure
-          </Anchor>
-          <Anchor href="#" c="dimmed" size="xs" fw={500} style={{ transition: 'color 0.2s ease', letterSpacing: '0.2px' }}>
-            Database Clusters
-          </Anchor>
-          <Text size="xs" fw={600} style={{ color: 'light-dark(var(--mantine-color-gray-8), var(--mantine-color-dark-0))', letterSpacing: '0.2px' }}>
-            prod-db-01
-          </Text>
-        </Breadcrumbs>
-
-        <Group justify="space-between" align="center" wrap="nowrap">
-          <Flex gap="md" align="center">
-            <Box>
-              <Group gap="xs" align="center" mb={4}>
-                <Title
-                  order={2}
-                  fw={600}
-                  style={{
-                    color: 'light-dark(var(--mantine-color-gray-9), var(--mantine-color-dark-0))',
-                    letterSpacing: '-0.3px',
-                  }}
-                >
-                  prod-db-01
-                </Title>
-                <Badge
-                  variant="light"
-                  color="teal"
-                  size="sm"
-                  radius="sm"
-                  fw={600}
-                  leftSection={<CheckCircle2 size={10} strokeWidth={3} />}
-                  style={{ textTransform: 'capitalize' }}
-                >
-                  Running
-                </Badge>
-              </Group>
-
-              <Text size="sm" c="dimmed" fw={400}>
-                PostgreSQL v15.4 · <Text span fw={500} c="var(--mantine-color-text)">us-east-1</Text> · Created Oct 12, 2023
-              </Text>
-            </Box>
-          </Flex>
-
-          <Group gap="sm">
-            <ActionIcon variant="light" color="red" size="lg" radius="md" aria-label="Delete">
-              <Trash2 size={18} strokeWidth={2} />
-            </ActionIcon>
-            <Button
-              variant="default"
-              radius="md"
-              leftSection={<Edit2 size={16} strokeWidth={2} style={{ color: 'var(--mantine-color-dimmed)' }} />}
-            >
-              Edit
-            </Button>
-            <Button
-              variant="filled"
-              color="indigo"
-              radius="md"
-              leftSection={<Play size={16} strokeWidth={2.5} />}
-              style={{ boxShadow: '0 4px 14px 0 rgba(76, 110, 245, 0.39)' }}
-            >
-              Restart
-            </Button>
-          </Group>
-        </Group>
-
-        <Divider mt={28} mb={0} color="light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-6))" />
-      </Box>
-      {/* --- END INLINED PAGE HEADER --- */}
-      
-      <Paper withBorder shadow="sm" radius="md" p="xl">
-        <Text size="lg" fw={600} mb="xs" style={{ color: 'light-dark(var(--mantine-color-gray-9), var(--mantine-color-dark-0))', letterSpacing: '-0.3px' }}>
-          General Information
-        </Text>
-        <Text size="sm" c="dimmed" mb="xl">
-          View the complete details and configuration for this entity.
-        </Text>
-        
-        <Divider mb="xl" color="light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-6))" />
-
-        <SimpleGrid cols={{ base: 1, sm: 2 }} spacing="xl" verticalSpacing="xl">
-          <Box>
-            <Text size="xs" tt="uppercase" fw={700} c="dimmed" mb={4} style={{ letterSpacing: '0.5px' }}>
-              {t('fields.code')}
-            </Text>
-            <Text size="sm" fw={500}>WID-001</Text>
-          </Box>
-          <Box>
-            <Text size="xs" tt="uppercase" fw={700} c="dimmed" mb={4} style={{ letterSpacing: '0.5px' }}>
-              {t('fields.name')}
-            </Text>
-            <Text size="sm" fw={500}>Dashboard Widget</Text>
-          </Box>
-          <Box>
-            <Text size="xs" tt="uppercase" fw={700} c="dimmed" mb={4} style={{ letterSpacing: '0.5px' }}>
-              {t('fields.status')}
-            </Text>
-            <Badge variant="light" color="teal" size="sm" radius="sm" fw={600}>
-              ACTIVE
-            </Badge>
-          </Box>
-          <Box>
-            <Text size="xs" tt="uppercase" fw={700} c="dimmed" mb={4} style={{ letterSpacing: '0.5px' }}>
-              {t('fields.description')}
-            </Text>
-            <Text size="sm" fw={500}>Main dashboard widget</Text>
-          </Box>
-        </SimpleGrid>
-      </Paper>
-    </Box>
-  );
-}