mirror of
https://gitlab.com/MrFry/qmining-data-editor
synced 2025-04-01 20:24:01 +02:00
added dynamic domain
This commit is contained in:
mrfry
parent
39dfd7a0f4
commit
5a665bc766
10 changed files with 1537 additions and 1455 deletions
24
.eslintrc.js
24
.eslintrc.js
|
|
@ -12,38 +12,24 @@ module.exports = {
|
|||
version: 'detect',
|
||||
},
|
||||
},
|
||||
plugins: ['react'],
|
||||
extends: [
|
||||
'plugin:react/recommended',
|
||||
'plugin:react/jsx-runtime',
|
||||
'plugin:@next/next/recommended',
|
||||
],
|
||||
globals: {
|
||||
Atomics: 'readonly',
|
||||
SharedArrayBuffer: 'readonly',
|
||||
},
|
||||
rules: {
|
||||
'react/prop-types': 0,
|
||||
'no-undef': ['error'],
|
||||
eqeqeq: ['warn', 'smart'],
|
||||
'react/jsx-uses-vars': 'error',
|
||||
'react/jsx-uses-react': 'error',
|
||||
'@next/next/no-img-element': 'off',
|
||||
'no-unused-vars': 'warn',
|
||||
'no-prototype-builtins': 'off',
|
||||
'id-length': [
|
||||
'warn',
|
||||
{
|
||||
exceptions: [
|
||||
'x',
|
||||
'i',
|
||||
'j',
|
||||
't',
|
||||
'Q',
|
||||
'A',
|
||||
'C',
|
||||
'q',
|
||||
'a',
|
||||
'b',
|
||||
'e',
|
||||
],
|
||||
},
|
||||
{ exceptions: ['x', 'i', 'j', 't', 'Q', 'A', 'C', 'q', 'a', 'b', 'e'] },
|
||||
],
|
||||
},
|
||||
root: true,
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@ import React from 'react'
|
|||
|
||||
import Questions from './Questions.js'
|
||||
|
||||
import constants from '../constants.json'
|
||||
import constants from '../constants.js'
|
||||
|
||||
const countReducer = (acc, subj) => {
|
||||
return acc + subj.Questions.length
|
||||
|
|
@ -16,9 +16,14 @@ export default function QuestionSearchResult(props) {
|
|||
|
||||
if (searchTerm || edits.length > 0) {
|
||||
subjs = data.reduce((acc, subj) => {
|
||||
const resultQuestions = subj.Questions.reduce((qacc, question, i) => {
|
||||
const resultQuestions = subj.Questions.reduce(
|
||||
(qacc, question, i) => {
|
||||
const unsaved = edits.some((e) => {
|
||||
if (e.subjName === subj.Name && e.index === i && e.type === 'edit') {
|
||||
if (
|
||||
e.subjName === subj.Name &&
|
||||
e.index === i &&
|
||||
e.type === 'edit'
|
||||
) {
|
||||
return true
|
||||
}
|
||||
})
|
||||
|
|
@ -38,14 +43,18 @@ export default function QuestionSearchResult(props) {
|
|||
if (
|
||||
searchTerm &&
|
||||
question[key] &&
|
||||
question[key].toLowerCase().includes(searchTerm.toLowerCase())
|
||||
question[key]
|
||||
.toLowerCase()
|
||||
.includes(searchTerm.toLowerCase())
|
||||
) {
|
||||
qacc.push({ q: question })
|
||||
return true
|
||||
}
|
||||
})
|
||||
return qacc
|
||||
}, [])
|
||||
},
|
||||
[]
|
||||
)
|
||||
if (resultQuestions.length > 0) {
|
||||
acc.push({
|
||||
Name: subj.Name,
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ import LoadingIndicator from '../components/LoadingIndicator'
|
|||
import SearchBar from '../components/searchBar'
|
||||
import TestView from '../components/testView'
|
||||
|
||||
import constants from '../constants.json'
|
||||
import constants from '../constants.js'
|
||||
import styles from './possibleAnswers.module.css'
|
||||
|
||||
const Infos = () => {
|
||||
|
|
@ -12,14 +12,16 @@ const Infos = () => {
|
|||
<div className={styles.infoContainer}>
|
||||
<div>
|
||||
Itt azok a tesztek találhatók, amiknek a kitöltése után nem volt
|
||||
ellenőrző oldal. A script így nem tudja, hogy melyik a helyes megoldás.
|
||||
De ha ti igen, akkor jelöljétek be / írjátok be, és mentsétek el. Így
|
||||
mikor legközelebb találkoztok a kérdéssel a script tudni fogja a helyes
|
||||
választ. Ezzel másoknak is nagyon sokat segítetek.
|
||||
ellenőrző oldal. A script így nem tudja, hogy melyik a helyes
|
||||
megoldás. De ha ti igen, akkor jelöljétek be / írjátok be, és
|
||||
mentsétek el. Így mikor legközelebb találkoztok a kérdéssel a
|
||||
script tudni fogja a helyes választ. Ezzel másoknak is nagyon
|
||||
sokat segítetek.
|
||||
</div>
|
||||
<div>
|
||||
Jelenleg azok a tesztek is megjelennek itt, amiknek elérhető a teszt eredmény oldala, és meg is
|
||||
van hozzá a helyes válasz. A jövőben ezek ki lesznek automatikusan törölve.
|
||||
Jelenleg azok a tesztek is megjelennek itt, amiknek elérhető a
|
||||
teszt eredmény oldala, és meg is van hozzá a helyes válasz. A
|
||||
jövőben ezek ki lesznek automatikusan törölve.
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
|
|
@ -98,7 +100,9 @@ export default function PossibleAnswers({ router, refetchDbs }) {
|
|||
setCurrSubj(resp)
|
||||
setCurrSubjName(subj)
|
||||
router.push(
|
||||
`${router.pathname}?v=pa&subj=${encodeURIComponent(subj)}`,
|
||||
`${router.pathname}?v=pa&subj=${encodeURIComponent(
|
||||
subj
|
||||
)}`,
|
||||
undefined,
|
||||
{ shallow: true }
|
||||
)
|
||||
|
|
@ -107,7 +111,9 @@ export default function PossibleAnswers({ router, refetchDbs }) {
|
|||
setCurrTest(resp)
|
||||
setCurrTestName(test)
|
||||
router.push(
|
||||
`${router.pathname}?v=pa&subj=${encodeURIComponent(
|
||||
`${
|
||||
router.pathname
|
||||
}?v=pa&subj=${encodeURIComponent(
|
||||
subj
|
||||
)}&test=${encodeURIComponent(test)}`,
|
||||
undefined,
|
||||
|
|
@ -143,11 +149,12 @@ export default function PossibleAnswers({ router, refetchDbs }) {
|
|||
onDelete={() => {
|
||||
refetchDbs()
|
||||
setCurrTest(null)
|
||||
fetchSubject(currSubjName, savedQuestionsFileName).then(
|
||||
(resp) => {
|
||||
fetchSubject(
|
||||
currSubjName,
|
||||
savedQuestionsFileName
|
||||
).then((resp) => {
|
||||
setCurrSubj(resp)
|
||||
}
|
||||
)
|
||||
})
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
|
|
@ -186,19 +193,30 @@ export default function PossibleAnswers({ router, refetchDbs }) {
|
|||
onClick={() => {
|
||||
setCurrTestName(test.fname)
|
||||
router.push(
|
||||
`${router.pathname}?v=pa&subj=${encodeURIComponent(
|
||||
`${
|
||||
router.pathname
|
||||
}?v=pa&subj=${encodeURIComponent(
|
||||
currSubjName
|
||||
)}&test=${encodeURIComponent(test.fname)}`,
|
||||
)}&test=${encodeURIComponent(
|
||||
test.fname
|
||||
)}`,
|
||||
undefined,
|
||||
{ shallow: true }
|
||||
)
|
||||
|
||||
fetchTest(currSubjName, test.fname).then((resp) => {
|
||||
fetchTest(
|
||||
currSubjName,
|
||||
test.fname
|
||||
).then((resp) => {
|
||||
setCurrTest(resp)
|
||||
})
|
||||
}}
|
||||
>
|
||||
<div>{new Date(test.date).toLocaleString()}</div>
|
||||
<div>
|
||||
{new Date(
|
||||
test.date
|
||||
).toLocaleString()}
|
||||
</div>
|
||||
<div>{test.userid}</div>
|
||||
<div>{test.subj}</div>
|
||||
<div>{test.testUrl}</div>
|
||||
|
|
@ -213,13 +231,18 @@ export default function PossibleAnswers({ router, refetchDbs }) {
|
|||
return (
|
||||
<>
|
||||
<Infos />
|
||||
<SearchBar value={searchTerm} onChange={(e) => setSearchTerm(e)} />
|
||||
<SearchBar
|
||||
value={searchTerm}
|
||||
onChange={(e) => setSearchTerm(e)}
|
||||
/>
|
||||
<div className={styles.tableContainer}>
|
||||
<>
|
||||
<div>Tárgy neve</div>
|
||||
{subjects.map((subj, i) => {
|
||||
if (
|
||||
!subj.name.toLowerCase().includes(searchTerm.toLowerCase())
|
||||
!subj.name
|
||||
.toLowerCase()
|
||||
.includes(searchTerm.toLowerCase())
|
||||
) {
|
||||
return null
|
||||
}
|
||||
|
|
@ -229,18 +252,21 @@ export default function PossibleAnswers({ router, refetchDbs }) {
|
|||
onClick={() => {
|
||||
setCurrSubjName(subj.name)
|
||||
router.push(
|
||||
`${router.pathname}?v=pa&subj=${encodeURIComponent(
|
||||
`${
|
||||
router.pathname
|
||||
}?v=pa&subj=${encodeURIComponent(
|
||||
subj.name
|
||||
)}`,
|
||||
undefined,
|
||||
{ shallow: true }
|
||||
)
|
||||
|
||||
fetchSubject(subj.name, savedQuestionsFileName).then(
|
||||
(resp) => {
|
||||
fetchSubject(
|
||||
subj.name,
|
||||
savedQuestionsFileName
|
||||
).then((resp) => {
|
||||
setCurrSubj(resp)
|
||||
}
|
||||
)
|
||||
})
|
||||
}}
|
||||
>
|
||||
{subj.name}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ import React, { useState, useEffect } from 'react'
|
|||
import Question from '../components/Question'
|
||||
|
||||
import styles from './questionAdder.module.css'
|
||||
import constants from '../constants.json'
|
||||
import constants from '../constants.js'
|
||||
import commonStyles from '../commonStyles.module.css'
|
||||
|
||||
const handleSubmit = async (form) => {
|
||||
|
|
@ -87,13 +87,13 @@ const renderUsage = () => {
|
|||
kérdés-válaszok, szóval pl nincs benne kép. Ez később bővül majd
|
||||
</li>
|
||||
<li>
|
||||
Ha sok új kérdést küldesz be, akkor akár több percig is eltarthat a
|
||||
dolog. Akárhány kérdést be lehet egyszerre küldeni, de max 10-15 az
|
||||
ajánlott
|
||||
Ha sok új kérdést küldesz be, akkor akár több percig is
|
||||
eltarthat a dolog. Akárhány kérdést be lehet egyszerre küldeni,
|
||||
de max 10-15 az ajánlott
|
||||
</li>
|
||||
<li>
|
||||
Bármilyen szöveget beküldhettek, de ne tegyétek, más felhasználóknak és
|
||||
magatoknak lesz rosz, ty!
|
||||
Bármilyen szöveget beküldhettek, de ne tegyétek, más
|
||||
felhasználóknak és magatoknak lesz rosz, ty!
|
||||
</li>
|
||||
</ul>
|
||||
)
|
||||
|
|
@ -238,7 +238,9 @@ export default function QuestionAdder({ data, selectedDb, refetchDbs }) {
|
|||
})
|
||||
}}
|
||||
>
|
||||
{isSubmitting ? 'Beküldés folyamatban ...' : 'Kérdések beküldése'}
|
||||
{isSubmitting
|
||||
? 'Beküldés folyamatban ...'
|
||||
: 'Kérdések beküldése'}
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" id="cid" name="cid" hidden />
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ import LoadingIndicator from '../components/LoadingIndicator.js'
|
|||
import QuestionSearchResult from '../components/QuestionSearchResult.js'
|
||||
import SearchBar from '../components/searchBar'
|
||||
|
||||
import constants from '../constants.json'
|
||||
import constants from '../constants.js'
|
||||
// import styles from './questionView.module.css'
|
||||
|
||||
const updateQuestion = (e, selectedDb) => {
|
||||
|
|
@ -108,9 +108,11 @@ export default function questionView(props) {
|
|||
} else {
|
||||
return {
|
||||
...subj,
|
||||
Questions: subj.Questions.filter((question, i) => {
|
||||
Questions: subj.Questions.filter(
|
||||
(question, i) => {
|
||||
return i !== e.index
|
||||
}),
|
||||
}
|
||||
),
|
||||
}
|
||||
}
|
||||
})
|
||||
|
|
@ -191,7 +193,10 @@ export default function questionView(props) {
|
|||
if (data) {
|
||||
return (
|
||||
<div>
|
||||
<SearchBar value={searchTerm} onChange={(e) => setSearchTerm(e)} />
|
||||
<SearchBar
|
||||
value={searchTerm}
|
||||
onChange={(e) => setSearchTerm(e)}
|
||||
/>
|
||||
<hr />
|
||||
<div>
|
||||
<QuestionSearchResult
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ import Subject from '../components/Subject.js'
|
|||
import SubjectSelector from '../components/SubjectSelector.js'
|
||||
import SearchBar from '../components/searchBar'
|
||||
|
||||
import constants from '../constants.json'
|
||||
import constants from '../constants.js'
|
||||
// import styles from './subjectView.module.css'
|
||||
import commonStyles from '../commonStyles.module.css'
|
||||
|
||||
|
|
@ -169,7 +169,10 @@ export default function SubjectView(props) {
|
|||
if (data) {
|
||||
return (
|
||||
<div>
|
||||
<SearchBar value={searchTerm} onChange={(e) => setSearchTerm(e)} />
|
||||
<SearchBar
|
||||
value={searchTerm}
|
||||
onChange={(e) => setSearchTerm(e)}
|
||||
/>
|
||||
<hr />
|
||||
<SubjectSelector
|
||||
data={data}
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@ import React, { useState } from 'react'
|
|||
|
||||
import Question from '../components/Question'
|
||||
|
||||
import constants from '../constants.json'
|
||||
import constants from '../constants.js'
|
||||
import styles from './testView.module.css'
|
||||
import commonStyles from '../commonStyles.module.css'
|
||||
|
||||
|
|
@ -38,7 +38,11 @@ export default function TestView(props) {
|
|||
<div className={styles.actions}>
|
||||
<div
|
||||
onClick={() => {
|
||||
if (confirm('Biztos véglegesen törlöd ezt az egész tesztet?')) {
|
||||
if (
|
||||
confirm(
|
||||
'Biztos véglegesen törlöd ezt az egész tesztet?'
|
||||
)
|
||||
) {
|
||||
rmTest(subjName, testName).then((res) => {
|
||||
if (res.res === 'ok') {
|
||||
// alert('sikeres törlés')
|
||||
|
|
@ -97,12 +101,14 @@ export default function TestView(props) {
|
|||
alert(
|
||||
`Sikeres beküldés, ${res.totalNewQuestions} új kérdés`
|
||||
)
|
||||
rmTest(subjName, testName).then((res) => {
|
||||
rmTest(subjName, testName).then(
|
||||
(res) => {
|
||||
if (res.res === 'ok') {
|
||||
router.back()
|
||||
onDelete()
|
||||
}
|
||||
})
|
||||
}
|
||||
)
|
||||
} else {
|
||||
alert('Hiba beküldés közben :/')
|
||||
}
|
||||
|
|
@ -149,12 +155,14 @@ export default function TestView(props) {
|
|||
onChange={(newQ) => {
|
||||
setTest({
|
||||
...test,
|
||||
questions: test.questions.map((q, j) => {
|
||||
questions: test.questions.map(
|
||||
(q, j) => {
|
||||
if (j === i) {
|
||||
return newQ
|
||||
}
|
||||
return q
|
||||
}),
|
||||
}
|
||||
),
|
||||
})
|
||||
}}
|
||||
question={question}
|
||||
|
|
@ -164,9 +172,12 @@ export default function TestView(props) {
|
|||
onClick={() => {
|
||||
setTest({
|
||||
...test,
|
||||
questions: test.questions.filter((q, j) => {
|
||||
questions:
|
||||
test.questions.filter(
|
||||
(q, j) => {
|
||||
return j !== i
|
||||
}),
|
||||
}
|
||||
),
|
||||
})
|
||||
}}
|
||||
>
|
||||
|
|
|
|||
19
src/constants.js
Normal file
19
src/constants.js
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
// eslint-disable-next-line no-undef
|
||||
const useLocalhost = process && process.env.NODE_ENV === 'development'
|
||||
// eslint-disable-next-line no-undef
|
||||
const domain = process && process.env.DOMAIN
|
||||
|
||||
if (!domain && !useLocalhost) {
|
||||
throw new Error('Domain is not defined! Please set DOMAIN env variable!')
|
||||
}
|
||||
|
||||
const constants = {
|
||||
domain: domain || 'localhost',
|
||||
siteUrl: useLocalhost ? 'http://localhost:8080/' : `https://${domain}/`,
|
||||
apiUrl: useLocalhost
|
||||
? 'http://localhost:8080/api/'
|
||||
: `https://${domain}/api/`,
|
||||
maxQuestionsToRender: 250,
|
||||
}
|
||||
|
||||
export default constants
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
{
|
||||
"siteUrl": "https://qmining.frylabs.net/",
|
||||
"apiUrl": "https://api.frylabs.net/",
|
||||
"maxQuestionsToRender": 250
|
||||
}
|
||||
|
|
@ -11,18 +11,18 @@ import LoadingIndicator from '../components/LoadingIndicator'
|
|||
|
||||
import styles from './index.module.css'
|
||||
import commonStyles from '../commonStyles.module.css'
|
||||
import constants from '../constants.json'
|
||||
import constants from '../constants.js'
|
||||
|
||||
const Infos = ({ onClick, renderOKButton }) => {
|
||||
return (
|
||||
<div className={commonStyles.infoContainer}>
|
||||
<div className={commonStyles.infoHeader}>Kérdés szerkesztő</div>
|
||||
<div>
|
||||
Ezen az oldalon az éles adatbázisban levő kérdéseket tudod szerkeszteni,
|
||||
vagy azokhoz tudsz adni.{' '}
|
||||
Ezen az oldalon az éles adatbázisban levő kérdéseket tudod
|
||||
szerkeszteni, vagy azokhoz tudsz adni.{' '}
|
||||
<b>
|
||||
A törléshez és módosításokhoz nem kér megerősítést, ezek azonnal
|
||||
megtörténnek, és nem visszavonhatóak.
|
||||
A törléshez és módosításokhoz nem kér megerősítést, ezek
|
||||
azonnal megtörténnek, és nem visszavonhatóak.
|
||||
</b>
|
||||
</div>
|
||||
<div>
|
||||
|
|
@ -30,20 +30,21 @@ const Infos = ({ onClick, renderOKButton }) => {
|
|||
<div style={{ textAlign: 'left', width: '700px' }}>
|
||||
<ul>
|
||||
<li>
|
||||
Ne rontsd el a kérdéseket sok törléssel / rossz válasz
|
||||
megadásával. Sok más felhasználónak lesz rossz, és visszakereshető
|
||||
/ tiltható a módosító
|
||||
Ne rontsd el a kérdéseket sok törléssel / rossz
|
||||
válasz megadásával. Sok más felhasználónak lesz
|
||||
rossz, és visszakereshető / tiltható a módosító
|
||||
</li>
|
||||
<li>
|
||||
Arra is vigyázz, hogy véletlen se történjen ilyesmi, vagy ha mégis
|
||||
valami baj történt, akkor azt{' '}
|
||||
<a href={`${constants.siteUrl}irc`}>jelezd</a>. Van sok biztonsági
|
||||
mentés
|
||||
Arra is vigyázz, hogy véletlen se történjen ilyesmi,
|
||||
vagy ha mégis valami baj történt, akkor azt{' '}
|
||||
<a href={`${constants.siteUrl}irc`}>jelezd</a>. Van
|
||||
sok biztonsági mentés
|
||||
</li>
|
||||
<li>
|
||||
Ahhoz, hogy a script megtalálja a helyes választ a kérdés
|
||||
szövegének <b>pontosan</b> olyannak kell lennie, mint a teszt
|
||||
közben (elírásokkal, .... -okkal, meg mindennel)
|
||||
Ahhoz, hogy a script megtalálja a helyes választ a
|
||||
kérdés szövegének <b>pontosan</b> olyannak kell
|
||||
lennie, mint a teszt közben (elírásokkal, ....
|
||||
-okkal, meg mindennel)
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -167,35 +168,45 @@ export default function Index({ router }) {
|
|||
return (
|
||||
<>
|
||||
<Head>
|
||||
<title>Tárgyak - Data Editor | Frylabs.net</title>
|
||||
<title>
|
||||
Tárgyak - Data Editor | {constants.domain}
|
||||
</title>
|
||||
</Head>
|
||||
<DbSelector
|
||||
qdbs={qdbs}
|
||||
selectedDb={selectedDb}
|
||||
onChange={setSelectedDb}
|
||||
/>
|
||||
{data && <SubjectView selectedDb={selectedDb} data={data} />}
|
||||
{data && (
|
||||
<SubjectView selectedDb={selectedDb} data={data} />
|
||||
)}
|
||||
</>
|
||||
)
|
||||
} else if (view === views.question) {
|
||||
return (
|
||||
<>
|
||||
<Head>
|
||||
<title>Kérdések - Data Editor | Frylabs.net</title>
|
||||
<title>
|
||||
Kérdések - Data Editor | {constants.domain}
|
||||
</title>
|
||||
</Head>
|
||||
<DbSelector
|
||||
qdbs={qdbs}
|
||||
selectedDb={selectedDb}
|
||||
onChange={setSelectedDb}
|
||||
/>
|
||||
{data && <QuestionView selectedDb={selectedDb} data={data} />}
|
||||
{data && (
|
||||
<QuestionView selectedDb={selectedDb} data={data} />
|
||||
)}
|
||||
</>
|
||||
)
|
||||
} else if (view === views.questionAdder) {
|
||||
return (
|
||||
<>
|
||||
<Head>
|
||||
<title>Kérdés beküldés - Data Editor | Frylabs.net</title>
|
||||
<title>
|
||||
Kérdés beküldés - Data Editor | {constants.domain}
|
||||
</title>
|
||||
</Head>
|
||||
<DbSelector
|
||||
hideLockedDbs
|
||||
|
|
@ -214,7 +225,10 @@ export default function Index({ router }) {
|
|||
return (
|
||||
<>
|
||||
<Head>
|
||||
<title>Kitöltetlen tesztek - Data Editor | Frylabs.net</title>
|
||||
<title>
|
||||
Kitöltetlen tesztek - Data Editor |{' '}
|
||||
{constants.domain}
|
||||
</title>
|
||||
</Head>
|
||||
<PossibleAnswers refetchDbs={refetchDbs} router={router} />
|
||||
</>
|
||||
|
|
@ -230,7 +244,9 @@ export default function Index({ router }) {
|
|||
return (
|
||||
<div className={styles.viewButtonContainer}>
|
||||
<div
|
||||
className={view === views.question ? styles.activeView : undefined}
|
||||
className={
|
||||
view === views.question ? styles.activeView : undefined
|
||||
}
|
||||
onClick={() => {
|
||||
router.replace(
|
||||
`${router.pathname}?v=${views.question}`,
|
||||
|
|
@ -246,11 +262,17 @@ export default function Index({ router }) {
|
|||
title={
|
||||
'Választott adatbázisban lévő tárgyak megjelenítése, és tárgyakon belüli kérdések szerkesztése'
|
||||
}
|
||||
className={view === views.subject ? styles.activeView : undefined}
|
||||
className={
|
||||
view === views.subject ? styles.activeView : undefined
|
||||
}
|
||||
onClick={() => {
|
||||
router.replace(`${router.pathname}?v=${views.subject}`, undefined, {
|
||||
router.replace(
|
||||
`${router.pathname}?v=${views.subject}`,
|
||||
undefined,
|
||||
{
|
||||
shallow: true,
|
||||
})
|
||||
}
|
||||
)
|
||||
setView(views.subject)
|
||||
}}
|
||||
>
|
||||
|
|
@ -258,7 +280,9 @@ export default function Index({ router }) {
|
|||
</div>
|
||||
<div
|
||||
className={
|
||||
view === views.questionAdder ? styles.activeView : undefined
|
||||
view === views.questionAdder
|
||||
? styles.activeView
|
||||
: undefined
|
||||
}
|
||||
onClick={() => {
|
||||
router.replace(
|
||||
|
|
@ -274,7 +298,9 @@ export default function Index({ router }) {
|
|||
</div>
|
||||
<div
|
||||
className={
|
||||
view === views.possibleAnswers ? styles.activeView : undefined
|
||||
view === views.possibleAnswers
|
||||
? styles.activeView
|
||||
: undefined
|
||||
}
|
||||
onClick={() => {
|
||||
router.replace(
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue