From bd276e1d515d7fb2af3abeb3aeb0c898f3af6bc9 Mon Sep 17 00:00:00 2001
From: Emil <Emil>
Date: Tue, 20 Apr 2021 15:44:58 +0200
Subject: [PATCH] feat: slide type icons added
---
.../PresentationEditorPage.tsx | 19 +++++++++++++++++++
1 file changed, 19 insertions(+)
diff --git a/client/src/pages/presentationEditor/PresentationEditorPage.tsx b/client/src/pages/presentationEditor/PresentationEditorPage.tsx
index b07566c7..eca24885 100644
--- a/client/src/pages/presentationEditor/PresentationEditorPage.tsx
+++ b/client/src/pages/presentationEditor/PresentationEditorPage.tsx
@@ -5,12 +5,17 @@ import Drawer from '@material-ui/core/Drawer'
import List from '@material-ui/core/List'
import ListItemText from '@material-ui/core/ListItemText'
import { createStyles, makeStyles, Theme } from '@material-ui/core/styles'
+import BuildOutlinedIcon from '@material-ui/icons/BuildOutlined'
+import CreateOutlinedIcon from '@material-ui/icons/CreateOutlined'
+import DnsOutlinedIcon from '@material-ui/icons/DnsOutlined'
+import InfoOutlinedIcon from '@material-ui/icons/InfoOutlined'
import React, { useEffect } from 'react'
import { Link, useParams } from 'react-router-dom'
import { getCities } from '../../actions/cities'
import { getEditorCompetition, setEditorSlideId } from '../../actions/editor'
import { getTypes } from '../../actions/typesAction'
import { useAppDispatch, useAppSelector } from '../../hooks'
+import { RichSlide } from '../../interfaces/ApiRichModels'
import { Content } from '../views/styled'
import SettingsPanel from './components/SettingsPanel'
import SlideEditor from './components/SlideEditor'
@@ -87,6 +92,19 @@ const PresentationEditorPage: React.FC = () => {
dispatch(setEditorSlideId(id))
}
+ const renderSlideIcon = (slide: RichSlide) => {
+ switch (slide.questions[0].type_id) {
+ case 0:
+ return <InfoOutlinedIcon></InfoOutlinedIcon> // information slide
+ case 1:
+ return <CreateOutlinedIcon></CreateOutlinedIcon> // text question
+ case 2:
+ return <BuildOutlinedIcon></BuildOutlinedIcon> // practical qustion
+ case 3:
+ return <DnsOutlinedIcon></DnsOutlinedIcon> // multiple choice question
+ }
+ }
+
return (
<PresentationEditorContainer>
<CssBaseline />
@@ -131,6 +149,7 @@ const PresentationEditorPage: React.FC = () => {
selected={slide.id === activeSlideId}
onClick={() => setActiveSlideId(slide.id)}
>
+ {renderSlideIcon(slide)}
<ListItemText primary={slide.title} />
</SlideListItem>
))}
--
GitLab