smueller/LicenseAPI
1
0
Fork 0
mirror of https://github.com/gnmyt/LicenseAPI.git synced 2026-01-09 17:51:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Implement license search in Licenses.jsx

Browse Source
This commit is contained in:
Mathias Wagner
2024-07-23 18:35:48 +02:00
parent c7a095549a
commit f4ef649d7f
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
dashboard/src/states/Dashboard/pages/Licenses/Licenses.jsx
View File

@ -19,6 +19,8 @@ export const Licenses = () => {
const [paginationModel, setPaginationModel] = useState(JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY_PAGINATION))
|| {page: 1, pageSize: 25, rowCount: 0});
const [search, setSearch] = useState("");
const [columnSettings, setColumnSettings] = useState(JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY_COLUMNS)) || {});
const [disabledColumns, setDisabledColumns] = useState(JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY_DISPLAYED_COLUMNS)) || []);
@ -30,7 +32,7 @@ export const Licenses = () => {
const fetchLicenses = async () => {
setIsLoading(true);
try {
const data = await getRequest(`/license/${currentProject.id}/list?limit=${paginationModel.pageSize}&page=${paginationModel.page}`);
const data = await getRequest(`/license/${currentProject.id}/list?limit=${paginationModel.pageSize}&page=${paginationModel.page}&search=${search}`);
setRows(data?.licenses.map((license) => ({id: license.key, ...license})) || []);
setPaginationModel(prev => ({...prev, rowCount: data.total}));
setIsLoading(false);
@ -60,6 +62,10 @@ export const Licenses = () => {
localStorage.setItem(LOCAL_STORAGE_KEY_COLUMNS, JSON.stringify(columnSettings));
}, [columnSettings]);
useEffect(() => {
fetchLicenses();
}, [search]);
const deleteLicense = async (licenseKey) => {
try {
await deleteRequest(`/license/${currentProject.id}/${encodeURIComponent(licenseKey)}`);
@ -110,6 +116,7 @@ export const Licenses = () => {
<Stack justifyContent="space-between" direction="row" sx={{mb: 2}} alignItems="center">
<TextField variant="outlined" size="small" placeholder="Lookup license"
value={search} onChange={(e) => setSearch(e.target.value)}
InputProps={{startAdornment: <Search sx={{mr: 1}}/>}}/>
<Button variant="contained" color="primary" onClick={() => setDialogOpen(true)}>