result __из__

lib/components/ViewPublicationPage/ResultForm.tsx

@@ -27,8 +27,10 @@ export const ResultForm = ({ resultQuestion }: ResultFormProps) => {
   const theme = useTheme();
   const isMobile = useRootContainerSize() < 650;
   const isTablet = useRootContainerSize() < 1000;
-  const { settings, show_badge, quizId, preview } = useQuizSettings();
+  const { settings, show_badge, quizId, questions, preview } = useQuizSettings();
   const setCurrentQuizStep = useQuizViewStore((state) => state.setCurrentQuizStep);
+  //Список засчитанных баллов для балловых квизов
+  const pointsSum = useQuizViewStore((state) => state.pointsSum);
   const spec = settings.cfg.spec;
   const vkMetrics = useVkMetricsGoals(settings.cfg.vkMetricsNumber);
   const yandexMetrics = useYandexMetricsGoals(settings.cfg.yandexMetricsNumber);
@@ -209,6 +211,27 @@ export const ResultForm = ({ resultQuestion }: ResultFormProps) => {
                 {resultQuestion.content.text}
               </Typography>
             )}
+            {settings.cfg?.score && (
+              <>
+                <Typography
+                  sx={{
+                    color: theme.palette.primary.main,
+                    fontSize: "30px",
+                    m: "30px 0",
+                    fontWeight: 600,
+                  }}
+                >
+                  Ваши баллы
+                </Typography>
+                <Typography
+                  sx={{
+                    color: theme.palette.primary.main,
+                    fontSize: "30px",
+                    fontWeight: 600,
+                  }}
+                >
+                  {pointsSum} из {questions.filter((e) => e.type != "result").length}
+                </Typography>
                 <TextAccordion
                   headerText={
                     <Typography
@@ -235,6 +258,8 @@ export const ResultForm = ({ resultQuestion }: ResultFormProps) => {
                     <PointSystemResultList />
                   </Box>
                 </TextAccordion>
+              </>
+            )}
           </Box>
         </Box>
         {show_badge && (