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

Create LicenseKey default component

Browse Source
This commit is contained in:
Mathias Wagner
2024-07-22 18:16:09 +02:00
parent 658eb7c944
commit 7a67ed37f8
2 changed files with 45 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
dashboard/src/states/Dashboard/pages/Info/components/Defaults/components/LicenseKey/LicenseKey.jsx Normal file
View File

@ -0,0 +1,44 @@
import {IconButton, Stack, TextField, Typography} from "@mui/material";
import {
replaceLicenseDefaults
} from "@/states/Dashboard/pages/Licenses/components/LicenseDialog/pages/LicenseKey/util.js";
import {ProjectContext} from "@/states/Dashboard/contexts/Project";
import {useContext, useState} from "react";
import {patchRequest} from "@/common/utils/RequestUtil.js";
import {Save} from "@mui/icons-material";
export const LicenseKey = () => {
const {currentProject, updateProjects} = useContext(ProjectContext);
const [keyChanged, setKeyChanged] = useState(false);
const [licenseKey, setLicenseKey] = useState(currentProject.defaults.licenseKey);
const saveLicenseKey = async () => {
try {
await patchRequest(`/project/${currentProject.id}`, {defaults: {licenseKey}});
await updateProjects();
setKeyChanged(false);
} catch (e) {
console.error(e.message);
}
}
return (
<Stack sx={{border: 1, borderColor: 'divider', borderRadius: 1.5, p: 2, width: "100%"}} direction="row"
justifyContent="space-between" gap={2}>
<Stack>
<Typography variant="h5" fontWeight={700}>License key</Typography>
<Typography variant="body1" color="text.secondary" fontWeight={500}>
Example: {replaceLicenseDefaults(licenseKey)}
</Typography>
</Stack>
<TextField sx={{mt: 1}} variant="outlined" size="small" value={licenseKey}
onChange={(event) => {
setLicenseKey(event.target.value);
setKeyChanged(true);
}}
InputProps={keyChanged ? {endAdornment: <IconButton onClick={saveLicenseKey}><Save/></IconButton>} : {}}/>
</Stack>
)
}

1
dashboard/src/states/Dashboard/pages/Info/components/Defaults/components/LicenseKey/index.js Normal file
View File

@ -0,0 +1 @@
export {LicenseKey as default} from "./LicenseKey.jsx";