mirror of
https://gitlab.com/MrFry/qmining-page
synced 2026-04-28 11:17:37 +02:00
npm packages update
This commit is contained in:
@@ -0,0 +1,70 @@
|
||||
import React, { useState, useEffect } from 'react'
|
||||
|
||||
import Modal from './modal'
|
||||
import constants from '../constants.json'
|
||||
|
||||
import styles from './dbSelector.module.css'
|
||||
|
||||
export default function DbSelector({ onDbSelect, closeClick, text, showAll }) {
|
||||
const [qdbs, setQdbs] = useState(null)
|
||||
|
||||
useEffect(() => {
|
||||
fetch(`${constants.apiUrl}getDbs`, {
|
||||
credentials: 'include',
|
||||
})
|
||||
.then((resp) => {
|
||||
return resp.json()
|
||||
})
|
||||
.then((data) => {
|
||||
setQdbs(data)
|
||||
})
|
||||
}, [])
|
||||
|
||||
return React.createElement(
|
||||
Modal,
|
||||
closeClick
|
||||
? {
|
||||
closeClick: () => {
|
||||
closeClick()
|
||||
},
|
||||
}
|
||||
: {},
|
||||
<>
|
||||
{text && <div className={styles.text}>{text}</div>}
|
||||
<div className={styles.container}>
|
||||
{qdbs ? (
|
||||
<>
|
||||
{' '}
|
||||
{qdbs.map((qdb) => {
|
||||
return (
|
||||
<div
|
||||
className={styles.listItem}
|
||||
onClick={() => {
|
||||
onDbSelect(qdb)
|
||||
closeClick()
|
||||
}}
|
||||
key={qdb.name}
|
||||
>
|
||||
{qdb.name}
|
||||
</div>
|
||||
)
|
||||
})}
|
||||
{showAll && (
|
||||
<div
|
||||
className={styles.listItem}
|
||||
onClick={() => {
|
||||
onDbSelect('all')
|
||||
closeClick()
|
||||
}}
|
||||
>
|
||||
{'Összes'}
|
||||
</div>
|
||||
)}
|
||||
</>
|
||||
) : (
|
||||
'...'
|
||||
)}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user