fix: replace colorScheme on Progress with sx workaround for Chakra 2.2.1 type strictness

2026-03-10 09:52:48 +01:00
parent a435e8c749
commit c795ef5a54
1 changed files with 1 additions and 1 deletions
--- a/components/DocumentTranslator.tsx
+++ b/components/DocumentTranslator.tsx
@@ -211,7 +211,7 @@ const DocumentTranslator: FC = () => {
            {/* Progress */}
            {stage === "translating" && (
                <Box w="full">
-                    <Progress value={progress} colorScheme="lingva" borderRadius="full" hasStripe isAnimated />
+                    <Progress value={progress} borderRadius="full" hasStripe isAnimated sx={{ "& > div": { background: "var(--chakra-colors-lingva-400)" } }} />
                    <Text fontSize="sm" textAlign="center" mt={1} color="gray.500">
                        Translating… this may take a moment for large documents.
                    </Text>