Merge pull request #1 from bvn13/feature/add-results

Feature/add results

docs/q/agile-compass.json

@@ -291,5 +291,6 @@
         }
       ]
     }
-  ]
+  ],
+  "resultsInfo": "<h1>Оценка результатов</h1><p><strong>личная сфера</strong> — если результат ≤ 8, то это говорит о:</p><ul type=\"square\"><li>усталость</li><li>выгорание</li><li>депрессия</li></ul><p><strong>социальная сфера</strong> — если результат ≤ 8, то это говорит о:</p><ul type=\"square\"><li>отсутствие поддержки от близких</li><li>узкий круг общения (замкнутость)</li></ul><p><strong>корпоративная сфера</strong> — если результат ≤ 8, то это говорит о:</p><ul type=\"square\"><li>тревога, неуверенность в завтрашнем дне</li><li>тяжелые жизненные обстоятельства</li><li>необходимость в профессиональном развитии</li></ul>"
 }

docs/q/beck-depression.json

@@ -489,5 +489,6 @@
         }
       ]
     }
-  ]
+  ],
+  "resultsInfo": "<h1>Оценка результатов</h1>В зависимости от того, сколько баллов вы набрали, можно предположить следующее.<br/><br/>0–13 — депрессивных симптомов нет. С вашим психическим здоровьем всё в порядке.<br/>14–19 — вероятна лёгкая депрессия (субдепрессия).<br/>20–28 — умеренная депрессия.<br/>29–63 — тяжёлая депрессия. Состояние тем сложнее, чем больше количество баллов."
 }

docs/q/template.json

@@ -17,5 +17,6 @@
         }
       ]
     }
-  ]
+  ],
+  "resultsInfo": ""
 }

q/template.json

@@ -17,5 +17,6 @@
         }
       ]
     }
-  ]
+  ],
+  "resultsInfo": null
 }

survey/package.json

@@ -25,7 +25,7 @@
     "@emotion/styled": "^11.10.5",
     "@emotion/core": "^11.0.0",
     "@emotion/react": "^11.10.5",
-    "lodash": "^4.17.21"
+    "lodash-es": "^4.17.21"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -48,6 +48,7 @@
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.1",
     "@types/react-redux": "^7.1.25",
+    "@types/lodash-es": "^4.17.12",
     "typescript": "^4.9.5"
   },
   "homepage": ".",

survey/public/q/agile-compass.json

@@ -291,5 +291,6 @@
         }
       ]
     }
-  ]
+  ],
+  "resultsInfo": "<h1>Оценка результатов</h1><p><strong>личная сфера</strong> — если результат ≤ 8, то это говорит о:</p><ul type=\"square\"><li>усталость</li><li>выгорание</li><li>депрессия</li></ul><p><strong>социальная сфера</strong> — если результат ≤ 8, то это говорит о:</p><ul type=\"square\"><li>отсутствие поддержки от близких</li><li>узкий круг общения (замкнутость)</li></ul><p><strong>корпоративная сфера</strong> — если результат ≤ 8, то это говорит о:</p><ul type=\"square\"><li>тревога, неуверенность в завтрашнем дне</li><li>тяжелые жизненные обстоятельства</li><li>необходимость в профессиональном развитии</li></ul>"
 }

survey/public/q/beck-depression.json

@@ -489,5 +489,6 @@
         }
       ]
     }
-  ]
+  ],
+  "resultsInfo": "<h1>Оценка результатов</h1>В зависимости от того, сколько баллов вы набрали, можно предположить следующее.<br/><br/>0–13 — депрессивных симптомов нет. С вашим психическим здоровьем всё в порядке.<br/>14–19 — вероятна лёгкая депрессия (субдепрессия).<br/>20–28 — умеренная депрессия.<br/>29–63 — тяжёлая депрессия. Состояние тем сложнее, чем больше количество баллов."
 }

survey/public/q/template.json

@@ -17,5 +17,6 @@
         }
       ]
     }
-  ]
+  ],
+  "resultsInfo": ""
 }

survey/src/api/Api.ts

@@ -20,7 +20,8 @@ export interface SurveyDto {
     title: string,
     intro: string,
     settings: SettingsDto,
-    questions: QuestionDto[]
+    questions: QuestionDto[],
+    resultsInfo: string
 }
 
 const Api = {

survey/src/components/survey/Survey.tsx

@@ -6,6 +6,7 @@ import {Box, Button, Paper, Step, StepContent, StepLabel, Stepper, Typography} f
 import {store} from "../../store/store";
 import {addAnswer, setContents} from "../../store/actions/data";
 import {ResultByGroup} from "../../store/initialState";
+import If from "../utils/If";
 
 interface Props {
     survey: SurveyDto | undefined
@@ -61,7 +62,8 @@ const Survey: React.FC<Props> = ({survey}) => {
                         question: q.question,
                         options: randomizeIfNeeded(survey.settings.randomizeOptions, q.options)
                     }
-                })
+                }),
+                resultsInfo: survey.resultsInfo
             })
         }
     }, [survey])
@@ -140,6 +142,7 @@ const Survey: React.FC<Props> = ({survey}) => {
                                 )}
                             </ul>
                         </div>
+                        <div dangerouslySetInnerHTML={{__html: prepare(preparedSurvey?.resultsInfo)}}></div>
                         <Button onClick={handleReset} sx={{mt: 1, mr: 1}}>
                             Reset
                         </Button>

survey/src/pages/HomePage.tsx

@@ -1,5 +1,4 @@
 import React, {useEffect} from 'react'
-import DateDisplay from '../components/DateDisplay'
 import {SnackbarOrigin, useSnackbar} from 'notistack';
 import Api, {SurveyDto} from "./../api/Api";
 import Survey from "./../components/survey/Survey";

survey/src/store/reducers/data.ts

@@ -1,10 +1,10 @@
 import { createReducer } from '@reduxjs/toolkit'
 import {addAnswer, setContents} from '../actions/data'
 import initialState, {StoreContent, ResultByGroup} from "../initialState";
-import * as _ from "lodash";
+import * as _ from "lodash-es";
 
 const reduceState = (array: ResultByGroup[], addon: ResultByGroup) => {
-    var added = false;
+    let added = false;
     array.forEach((result) => {
         if (result.group === addon.group) {
             added = true

survey/src/tests/components/DateDisplay.test.tsx

@@ -1,8 +1,6 @@
 import { render, screen } from '@testing-library/react'
-import DateDisplay from '../../components/DateDisplay'
 
 test('renders current date', () => {
-    render(<DateDisplay />)
     const timeFormat = screen.getByText(/GMT/i)
     expect(timeFormat).toBeInTheDocument()
 })

survey/yarn.lock

@@ -2242,6 +2242,18 @@
   resolved "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz"
   integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
 
+"@types/lodash-es@^4.17.12":
+  version "4.17.12"
+  resolved "https://registry.yarnpkg.com/@types/lodash-es/-/lodash-es-4.17.12.tgz#65f6d1e5f80539aa7cfbfc962de5def0cf4f341b"
+  integrity sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==
+  dependencies:
+    "@types/lodash" "*"
+
+"@types/lodash@*":
+  version "4.14.202"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.202.tgz#f09dbd2fb082d507178b2f2a5c7e74bd72ff98f8"
+  integrity sha512-OvlIYQK9tNneDlS0VN54LLd5uiPCBOp7gS5Z0f1mjoJYBrtStzgmJBxONW3U6OZqdtNzZPmn9BS/7WI7BFFcFQ==
+
 "@types/mime@*":
   version "3.0.1"
   resolved "https://registry.npmjs.org/@types/mime/-/mime-3.0.1.tgz"
@@ -6560,6 +6572,11 @@ locate-path@^6.0.0:
   dependencies:
     p-locate "^5.0.0"
 
+lodash-es@^4.17.21:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
+  integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
+
 lodash.debounce@^4.0.8:
   version "4.0.8"
   resolved "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz"