mirror of
https://gitlab.com/MrFry/qmining-page
synced 2025-04-01 20:23:44 +02:00
Frontpage removed private feedback, added file uploader to contacts
This commit is contained in:
parent
76f96ba8aa
commit
9c194277b3
6 changed files with 96 additions and 160 deletions
|
@ -4,26 +4,10 @@ import Modal from './modal'
|
|||
|
||||
import styles from './composer.module.css'
|
||||
|
||||
function FileUploader({ onChange }) {
|
||||
return (
|
||||
<div className={styles.inputArea}>
|
||||
<div className={styles.textTitle}>Fájl csatolása</div>
|
||||
<input
|
||||
className={styles.fileInput}
|
||||
type="file"
|
||||
name="file"
|
||||
onChange={onChange}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default function Composer({ onSubmit }) {
|
||||
const [editorShowing, setEditorShowing] = useState(false)
|
||||
const [val, setVal] = useState('')
|
||||
const [type, setType] = useState('public')
|
||||
const [title, setTitle] = useState('')
|
||||
const [file, setFile] = useState()
|
||||
|
||||
return (
|
||||
<>
|
||||
|
@ -44,16 +28,14 @@ export default function Composer({ onSubmit }) {
|
|||
}}
|
||||
>
|
||||
<div className={styles.container}>
|
||||
{type !== 'private' && (
|
||||
<input
|
||||
placeholder={'Téma...'}
|
||||
required
|
||||
value={title}
|
||||
onChange={(e) => {
|
||||
setTitle(e.target.value)
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
<input
|
||||
placeholder={'Téma...'}
|
||||
required
|
||||
value={title}
|
||||
onChange={(e) => {
|
||||
setTitle(e.target.value)
|
||||
}}
|
||||
/>
|
||||
<textarea
|
||||
placeholder={'Írj ide valamit...'}
|
||||
required
|
||||
|
@ -62,50 +44,19 @@ export default function Composer({ onSubmit }) {
|
|||
setVal(e.target.value)
|
||||
}}
|
||||
/>
|
||||
{type === 'private' && (
|
||||
<FileUploader
|
||||
onChange={(e) => {
|
||||
setFile(e.target.files[0])
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
<div id="radiolabel">
|
||||
<p>
|
||||
<b>A poszt típusa:</b>
|
||||
</p>
|
||||
</div>
|
||||
<div className={styles.typeSelector}>
|
||||
<div title="A főoldalon mindenki láthatja, reagálhat rá és kommentelhet alá">
|
||||
<input
|
||||
onChange={(e) => {
|
||||
setType(e.target.value)
|
||||
}}
|
||||
type="radio"
|
||||
name="type"
|
||||
value="public"
|
||||
defaultChecked
|
||||
/>
|
||||
Publikus
|
||||
</div>
|
||||
<div title="Csak admin bácsi látja">
|
||||
<input
|
||||
onChange={(e) => {
|
||||
setType(e.target.value)
|
||||
}}
|
||||
type="radio"
|
||||
name="type"
|
||||
value="private"
|
||||
/>
|
||||
Privát
|
||||
</div>
|
||||
</div>
|
||||
<div className={styles.tip}>
|
||||
<b>Tipp:</b> vidd a kurzort a poszt-típusok fölé több infóért!
|
||||
</div>
|
||||
<div className={styles.composerAction}>
|
||||
<span
|
||||
onClick={() => {
|
||||
onSubmit(type, title, val, file)
|
||||
if (!title) {
|
||||
alert('Üres a tartalom!')
|
||||
return
|
||||
}
|
||||
if (!val) {
|
||||
alert('Üres a téma!')
|
||||
return
|
||||
}
|
||||
|
||||
onSubmit(title, val)
|
||||
setEditorShowing(false)
|
||||
}}
|
||||
>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue