Feedback removed some fields

This commit is contained in:
mrfry 2021-02-21 10:20:04 +01:00
parent f8f20214ca
commit 0088a91c87

View file

@ -14,16 +14,16 @@ const results = {
invalid: 'INVALID', invalid: 'INVALID',
} }
export default function Feedback(props) { export default function Feedback() {
const [form, setForm] = useState({}) const [form, setForm] = useState({})
const [file, setFile] = useState(undefined) const [file, setFile] = useState(undefined)
const [result, setResult] = useState(results.notSent) const [result, setResult] = useState(results.notSent)
const [fileResult, setFileResult] = useState(results.notSent) const [fileResult, setFileResult] = useState(results.notSent)
const onChange = (e) => { const onChange = (event) => {
setForm({ setForm({
...form, ...form,
[e.target.name]: e.target.value, [event.target.name]: event.target.value,
}) })
} }
@ -33,7 +33,7 @@ export default function Feedback(props) {
<div className={styles.textTitle}>{params.text}</div> <div className={styles.textTitle}>{params.text}</div>
<textarea <textarea
autoFocus={params.autoFocus} autoFocus={params.autoFocus}
onChange={(e) => params.onChange(e)} onChange={(event) => params.onChange(event)}
value={form[params.name] || ''} value={form[params.name] || ''}
className={styles.feedback} className={styles.feedback}
name={params.name} name={params.name}
@ -42,12 +42,12 @@ export default function Feedback(props) {
) )
} }
const onFileChangeHandler = (e) => { const onFileChangeHandler = (event) => {
setForm({ setForm({
...form, ...form,
file: e.target.files[0].name, file: event.target.files[0].name,
}) })
setFile(e.target.files[0]) setFile(event.target.files[0])
} }
const renderFileUploader = () => { const renderFileUploader = () => {
@ -99,9 +99,9 @@ export default function Feedback(props) {
setResult(results.error) setResult(results.error)
} }
}) })
.catch((e) => { .catch((err) => {
setResult(results.error) setResult(results.error)
console.error(e) console.error(err)
}) })
if (file) { if (file) {
@ -128,9 +128,9 @@ export default function Feedback(props) {
setFileResult(results.error) setFileResult(results.error)
} }
}) })
.catch((e) => { .catch((err) => {
setFileResult(results.error) setFileResult(results.error)
console.error('FILE error', e) console.error('FILE error', err)
}) })
} }
} }
@ -161,41 +161,14 @@ export default function Feedback(props) {
autoFocus: true, autoFocus: true,
})} })}
<div className={styles.desc}> <div className={styles.desc}>
Főoldalon lesz válasz MOTD-ben, amit csak te látsz (ha kell Bal aluli levelesláda ikonnál keresd majd a választ
válasz)
</div> </div>
{renderFileUploader()}
<div className={styles.buttonContainer}> <div className={styles.buttonContainer}>
<button className={styles.button} onClick={handleSubmit}> <button className={styles.button} onClick={handleSubmit}>
Küldés Küldés
</button> </button>
</div> </div>
<hr />
<div className={styles.desc}>
Az alábbi mezők kitöltése opcionális, de hiba leírásnál nagyon sokat
tud segíteni!{' '}
<b>
Legnagyobb segítség ha azt a kérdés oldalt és a hozzátartozó
eredmények oldalt ahol nem helyesen működnek a dolgok Ctrl+S -el
lemented, és egy zip-ben feltöltöd a .html fájlt!
</b>{' '}
Így egyszerűen reprodukálni tudom a hibát. TY!
</div>
{renderTextInputArea({
text: 'Lépések amikkel előáll a hiba',
name: 'steps',
onChange: onChange,
})}
{renderTextInputArea({
text: 'Elvárt működés',
name: 'expected',
onChange: onChange,
})}
{renderTextInputArea({
text: 'Ami történik helyette',
name: 'current',
onChange: onChange,
})}
{renderFileUploader()}
<input type="text" id="cid" name="cid" hidden /> <input type="text" id="cid" name="cid" hidden />
{renderResult()} {renderResult()}
</div> </div>