Merge branch 'dev' into 'staging'

fix change thumb color

See merge request frontend/squzanswerer!173

lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx

@@ -39,6 +39,7 @@ interface OwnInputProps {
 }
 const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputProps) => {
   const theme = useTheme();
+  console.log(theme.palette.primary.main);
   const ownVariants = useQuizViewStore((state) => state.ownVariants);
   const { updateOwnVariant } = useQuizViewStore((state) => state);
 
@@ -62,7 +63,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
             width: "4px",
           },
           "&::-webkit-scrollbar-thumb": {
-            backgroundColor: "#b8babf",
+            backgroundColor: theme.palette.primary.main,
           },
         }}
         value={ownAnswer}
@@ -188,7 +189,7 @@ export const EmojiVariant = ({
             overflow: "auto",
             "&::-webkit-scrollbar": { width: "4px" },
             "&::-webkit-scrollbar-thumb": {
-              backgroundColor: "#b8babf",
+              backgroundColor: theme.palette.primary.main,
             },
           },
           "& .MuiFormControlLabel-label.Mui-disabled": {

lib/components/ViewPublicationPage/questions/File/UploadedFile.tsx

@@ -61,7 +61,10 @@ export const UploadedFile = ({ currentQuestion, setIsSending }: UploadedFileProp
         >
           {answer?.split("|")[0]}
         </Typography>
-        <IconButton sx={{ p: 0 }} onClick={deleteFile}>
+        <IconButton
+          sx={{ p: 0 }}
+          onClick={deleteFile}
+        >
           <CloseBold />
         </IconButton>
       </Box>

lib/components/ViewPublicationPage/questions/Images/ImageVariant.tsx

@@ -50,7 +50,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
             width: "4px",
           },
           "&::-webkit-scrollbar-thumb": {
-            backgroundColor: "#b8babf",
+            backgroundColor: theme.palette.primary.main,
           },
         }}
         value={ownAnswer}
@@ -174,7 +174,7 @@ export const ImageVariant = ({
               width: "4px",
             },
             "&::-webkit-scrollbar-thumb": {
-              backgroundColor: "#b8babf",
+              backgroundColor: theme.palette.primary.main,
             },
           },
         }}