Removed dots

This commit is contained in:
Connor Yoh 2025-08-14 11:00:06 +01:00
parent fd3ec1d976
commit 0d7e8f8deb

View File

@ -32,26 +32,9 @@ const NavigationControls = ({
> >
<ChevronLeftIcon style={{ fontSize: '1rem' }} /> <ChevronLeftIcon style={{ fontSize: '1rem' }} />
</ActionIcon> </ActionIcon>
<Text size="xs" c="dimmed">
<Group gap="xs"> {currentIndex + 1} of {totalFiles}
{Array.from({ length: totalFiles }, (_, index) => ( </Text>
<Box
key={index}
style={{
width: '0.375rem',
height: '0.375rem',
borderRadius: '50%',
backgroundColor: index === currentIndex
? 'var(--mantine-color-blue-6)'
: 'var(--mantine-color-gray-4)',
cursor: 'pointer',
transition: 'background-color 0.2s ease'
}}
onClick={() => onIndexChange(index)}
data-testid={`review-panel-dot-${index}`}
/>
))}
</Group>
<ActionIcon <ActionIcon
variant="light" variant="light"
@ -64,9 +47,7 @@ const NavigationControls = ({
</ActionIcon> </ActionIcon>
</Group> </Group>
<Text size="xs" c="dimmed">
{currentIndex + 1} of {totalFiles}
</Text>
</Stack> </Stack>
); );
}; };