mmintel/gridpilot.gg
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

website refactor

Browse Source
This commit is contained in:
Marc Mintel
2026-01-18 23:24:30 +01:00
parent aeaa43f4d3
commit 182056a57b
487 changed files with 1783 additions and 2170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
apps/website/components/actions/ActionFiltersBar.tsx
View File

@@ -4,7 +4,7 @@ import { Input } from '@/ui/Input';
import { ControlBar } from '@/ui/ControlBar';
import { Select } from '@/ui/Select';
import { Text } from '@/ui/Text';
import { Group } from '@/ui/Group';
import { ButtonGroup } from '@/ui/ButtonGroup';
import { useState } from 'react';
export function ActionFiltersBar() {
@@ -12,39 +12,41 @@ export function ActionFiltersBar() {
return (
<ControlBar
actions={
leftContent={
<Input
placeholder="SEARCH_ID..."
/>
}
>
<Group direction="row" align="center" gap={2}>
<Text size="xs" variant="low" weight="bold" uppercase>Filter:</Text>
<Select
options={[
{ label: 'All Types', value: 'all' },
{ label: 'User Update', value: 'user' },
{ label: 'Onboarding', value: 'onboarding' }
]}
value={filter}
onChange={(e) => setFilter(e.target.value)}
fullWidth={false}
/>
</Group>
<Group direction="row" align="center" gap={2}>
<Text size="xs" variant="low" weight="bold" uppercase>Status:</Text>
<Select
options={[
{ label: 'All Status', value: 'all' },
{ label: 'Completed', value: 'completed' },
{ label: 'Pending', value: 'pending' },
{ label: 'Failed', value: 'failed' }
]}
value="all"
onChange={() => {}}
fullWidth={false}
/>
</Group>
<ButtonGroup gap={4}>
<ButtonGroup gap={2}>
<Text size="xs" variant="low" weight="bold" uppercase>Filter:</Text>
<Select
options={[
{ label: 'All Types', value: 'all' },
{ label: 'User Update', value: 'user' },
{ label: 'Onboarding', value: 'onboarding' }
]}
value={filter}
onChange={(e) => setFilter(e.target.value)}
fullWidth={false}
/>
</ButtonGroup>
<ButtonGroup gap={2}>
<Text size="xs" variant="low" weight="bold" uppercase>Status:</Text>
<Select
options={[
{ label: 'All Status', value: 'all' },
{ label: 'Completed', value: 'completed' },
{ label: 'Pending', value: 'pending' },
{ label: 'Failed', value: 'failed' }
]}
value="all"
onChange={() => {}}
fullWidth={false}
/>
</ButtonGroup>
</ButtonGroup>
</ControlBar>
);
}

6
apps/website/components/actions/ActionsHeader.tsx
View File

@@ -3,6 +3,7 @@
import { Header } from '@/ui/Header';
import { StatusIndicator } from '@/ui/StatusIndicator';
import { Text } from '@/ui/Text';
import { ButtonGroup } from '@/ui/ButtonGroup';
import { Activity } from 'lucide-react';
import React from 'react';
@@ -15,12 +16,11 @@ export function ActionsHeader({ title }: ActionsHeaderProps) {
<Header
actions={<StatusIndicator icon={Activity} variant="info" label="SYSTEM_READY" />}
>
<div style={{ display: 'flex', alignItems: 'center', gap: '1rem' }}>
<div style={{ width: '0.5rem', height: '1.5rem', backgroundColor: 'var(--ui-color-intent-primary)', borderRadius: 'var(--ui-radius-sm)' }} />
<ButtonGroup gap={4}>
<Text as="h1" size="xl" weight="medium" variant="high" uppercase>
{title}
</Text>
</div>
</ButtonGroup>
</Header>
);
}