Skip to content

Commit 4ff9ed0

Browse files
committed
refactor(web): enhance empty state in RepositoryAlgorithmsPanel
Match the improved empty state from GraphAlgorithmsPanel with: - "Build Your Graph" heading - Clear call-to-action guidance - Specific instruction about using the graph icon button
1 parent 9352af2 commit 4ff9ed0

File tree

1 file changed

+13
-9
lines changed

1 file changed

+13
-9
lines changed

apps/web/src/components/algorithms/RepositoryAlgorithmsPanel.tsx

Lines changed: 13 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -131,15 +131,19 @@ export const RepositoryAlgorithmsPanel = () => {
131131

132132
if (!hasData) {
133133
return (
134-
<Card style={{ border: BORDER_STYLE_GRAY_3 }} p="md">
135-
<Alert icon={<IconAlertCircle size={ICON_SIZE.MD} />} title="No Graph Data" color="gray">
136-
<Text size="sm">
137-
Add entities to the repository to analyze their relationships using graph algorithms.
138-
</Text>
139-
<Text size="xs" c="dimmed" mt="xs">
140-
Browse works, authors, or institutions and add them to the repository to build a graph.
141-
</Text>
142-
</Alert>
134+
<Card style={{ border: BORDER_STYLE_GRAY_3 }} p="lg">
135+
<Stack align="center" gap="md" mih="200px" justify="center">
136+
<IconGraph size={ICON_SIZE.XL} color="var(--mantine-color-gray-4)" style={{ opacity: 0.5 }} />
137+
<Stack gap="xs" ta="center">
138+
<Title order={4} c="dimmed">Build Your Graph</Title>
139+
<Text size="sm" c="dimmed">
140+
Add entities from search results or entity detail pages to start analyzing connections.
141+
</Text>
142+
<Text size="xs" c="dimmed" mt="sm">
143+
Use the graph icon button on any entity to add it here.
144+
</Text>
145+
</Stack>
146+
</Stack>
143147
</Card>
144148
);
145149
}

0 commit comments

Comments
 (0)