jude/reminder-bot
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 3 Wiki Activity

Update interface for template import/export

Browse Source
This commit is contained in:
jude 2024-11-16 14:35:19 +00:00
parent 0a9c390f32
commit 0f9d3eda9a
1 changed files with 24 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
reminder-dashboard/src/components/Import/index.tsx
View File

@ -33,6 +33,7 @@ const ImportModal = ({ setModalOpen }) => {
const aRef = useRef<HTMLAnchorElement>();
const inputRef = useRef<HTMLInputElement>();
const selectRef = useRef<HTMLSelectElement>();
const flash = useFlash();
const [isImporting, setIsImporting] = useState(false);
@ -55,17 +56,16 @@ const ImportModal = ({ setModalOpen }) => {
>
<>
<div class="control">
<div class="field">
<label>
<input
type="radio"
class="default-width"
name="exportSelect"
value="reminders"
checked
/>
Reminders
</label>
<div class="field select">
<select
name="exportSelect"
style={{ width: "100%" }}
value="reminders"
ref={selectRef}
>
<option value="reminders">Reminders</option>
<option value="reminder_templates">Reminder templates</option>
</select>
</div>
</div>
<br />
@ -90,7 +90,9 @@ const ImportModal = ({ setModalOpen }) => {
id="export-data"
onClick={() =>
axios
.get(`/dashboard/api/guild/${guild}/export/reminders`)
.get(
`/dashboard/api/guild/${guild}/export/${selectRef.current.value}`,
)
.then(({ data, status }) => {
if (status === 200) {
aRef.current.href = `data:text/plain;charset=utf-8,${encodeURIComponent(
@ -124,11 +126,15 @@ const ImportModal = ({ setModalOpen }) => {
setIsImporting(true);
axios
.put(`/dashboard/api/guild/${guild}/export/reminders`, {
body: dataUrl.split(",")[1],
})
.put(
`/dashboard/api/guild/${guild}/export/${selectRef.current.value}`,
{
body: dataUrl.split(",")[1],
},
)
.then(({ data }) => {
setIsImporting(false);
setModalOpen(false);
if (data.error) {
flash({ message: data.error, type: "error" });
@ -137,6 +143,9 @@ const ImportModal = ({ setModalOpen }) => {
queryClient.invalidateQueries({
queryKey: ["GUILD_REMINDERS", guild],
});
queryClient.invalidateQueries({
queryKey: ["GUILD_TEMPLATES", guild],
});
}
})
.then(() => {