Add delete/patch todos
This commit is contained in:
parent
4063334953
commit
24e316b12f
@ -49,7 +49,7 @@ export type Reminder = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
export type Todo = {
|
export type Todo = {
|
||||||
id: string;
|
id: number;
|
||||||
channel_id: string;
|
channel_id: string;
|
||||||
value: string;
|
value: string;
|
||||||
};
|
};
|
||||||
@ -59,6 +59,10 @@ export type CreateTodo = {
|
|||||||
value: string;
|
value: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export type UpdateTodo = {
|
||||||
|
value: string;
|
||||||
|
};
|
||||||
|
|
||||||
export type ChannelInfo = {
|
export type ChannelInfo = {
|
||||||
id: string;
|
id: string;
|
||||||
name: string;
|
name: string;
|
||||||
@ -210,7 +214,7 @@ export const fetchGuildTodos = (guild: string) => ({
|
|||||||
});
|
});
|
||||||
|
|
||||||
export const patchGuildTodo = (guild: string) => ({
|
export const patchGuildTodo = (guild: string) => ({
|
||||||
mutationFn: (todo: Todo) => axios.patch(`/dashboard/api/guild/${guild}/todos`, todo),
|
mutationFn: ({ id, todo }) => axios.patch(`/dashboard/api/guild/${guild}/todos/${id}`, todo),
|
||||||
});
|
});
|
||||||
|
|
||||||
export const postGuildTodo = (guild: string) => ({
|
export const postGuildTodo = (guild: string) => ({
|
||||||
|
@ -15,7 +15,9 @@ export const GuildTodos = () => {
|
|||||||
return <Loader />;
|
return <Loader />;
|
||||||
}
|
}
|
||||||
|
|
||||||
const sortedTodos = guildTodos.sort((a, b) => (a.channel_id < b.channel_id ? 0 : 1));
|
const sortedTodos = guildTodos
|
||||||
|
.sort((a, b) => (a.id > b.id ? -1 : 1))
|
||||||
|
.sort((a, b) => (a.channel_id < b.channel_id ? 0 : 1));
|
||||||
let prevChannel;
|
let prevChannel;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
@ -29,7 +29,7 @@ export const CreateTodo = () => {
|
|||||||
type: "success",
|
type: "success",
|
||||||
});
|
});
|
||||||
queryClient.invalidateQueries({
|
queryClient.invalidateQueries({
|
||||||
queryKey: ["GUILD_TODO"],
|
queryKey: ["GUILD_TODOS", guild],
|
||||||
});
|
});
|
||||||
setRecentlyCreated(true);
|
setRecentlyCreated(true);
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
@ -39,8 +39,6 @@ export const CreateTodo = () => {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
console.log(newTodo);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div class="todo">
|
<div class="todo">
|
||||||
<textarea
|
<textarea
|
||||||
|
@ -1,21 +1,79 @@
|
|||||||
import { Todo as TodoT } from "../../api";
|
import { deleteGuildTodo, patchGuildTodo, Todo as TodoT, UpdateTodo } from "../../api";
|
||||||
|
|
||||||
import "./index.scss";
|
import "./index.scss";
|
||||||
|
import { useMutation, useQueryClient } from "react-query";
|
||||||
|
import { useFlash } from "../App/FlashContext";
|
||||||
|
import { useGuild } from "../App/useGuild";
|
||||||
|
import { useState } from "preact/hooks";
|
||||||
|
import { ICON_FLASH_TIME } from "../../consts";
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
todo: TodoT;
|
todo: TodoT;
|
||||||
};
|
};
|
||||||
|
|
||||||
export const Todo = ({ todo }: Props) => {
|
export const Todo = ({ todo }: Props) => {
|
||||||
|
const guild = useGuild();
|
||||||
|
|
||||||
|
const [updatedTodo, setUpdatedTodo] = useState<UpdateTodo>({ value: todo.value });
|
||||||
|
const [recentlySaved, setRecentlySaved] = useState(false);
|
||||||
|
|
||||||
|
const flash = useFlash();
|
||||||
|
|
||||||
|
const queryClient = useQueryClient();
|
||||||
|
const deleteMutation = useMutation({
|
||||||
|
...deleteGuildTodo(guild),
|
||||||
|
onSuccess: () => {
|
||||||
|
flash({
|
||||||
|
message: "Todo deleted",
|
||||||
|
type: "success",
|
||||||
|
});
|
||||||
|
queryClient.invalidateQueries({
|
||||||
|
queryKey: ["GUILD_TODOS", guild],
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const patchMutation = useMutation({
|
||||||
|
...patchGuildTodo(guild),
|
||||||
|
onError: (error) => {
|
||||||
|
flash({
|
||||||
|
message: `An error occurred: ${error}`,
|
||||||
|
type: "error",
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onSuccess: (response) => {
|
||||||
|
if (response.data.error) {
|
||||||
|
setRecentlySaved(false);
|
||||||
|
flash({ message: response.data.error, type: "error" });
|
||||||
|
} else {
|
||||||
|
setRecentlySaved(true);
|
||||||
|
setTimeout(() => {
|
||||||
|
setRecentlySaved(false);
|
||||||
|
}, ICON_FLASH_TIME);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div class="todo">
|
<div class="todo">
|
||||||
<textarea class="input todo-input" value={todo.value} onInput={() => null} />
|
<textarea
|
||||||
<button onClick={() => null} class="button is-success save-btn">
|
class="input todo-input"
|
||||||
|
value={updatedTodo.value}
|
||||||
|
onInput={(ev) =>
|
||||||
|
setUpdatedTodo({
|
||||||
|
value: ev.currentTarget.value,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
<button
|
||||||
|
onClick={() => patchMutation.mutate({ id: todo.id, todo: updatedTodo })}
|
||||||
|
class="button is-success save-btn"
|
||||||
|
>
|
||||||
<span class="icon">
|
<span class="icon">
|
||||||
<i class="fa fa-save"></i>
|
{recentlySaved ? <i class="fa fa-check"></i> : <i class="fa fa-save"></i>}
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
<button onClick={() => null} class="button is-danger">
|
<button onClick={() => deleteMutation.mutate(todo.id)} class="button is-danger">
|
||||||
<span class="icon">
|
<span class="icon">
|
||||||
<i class="fa fa-trash"></i>
|
<i class="fa fa-trash"></i>
|
||||||
</span>
|
</span>
|
||||||
|
@ -167,7 +167,7 @@ pub async fn update_todo(
|
|||||||
"
|
"
|
||||||
UPDATE todos
|
UPDATE todos
|
||||||
SET value = ?
|
SET value = ?
|
||||||
WHERE guild_id = ?
|
WHERE guild_id = (SELECT id FROM guilds WHERE guild = ?)
|
||||||
AND id = ?
|
AND id = ?
|
||||||
",
|
",
|
||||||
todo.value,
|
todo.value,
|
||||||
@ -181,6 +181,11 @@ pub async fn update_todo(
|
|||||||
json!({"errors": vec!["Unknown error"]})
|
json!({"errors": vec!["Unknown error"]})
|
||||||
})?;
|
})?;
|
||||||
|
|
||||||
|
if let Err(e) = transaction.commit().await {
|
||||||
|
warn!("Couldn't commit transaction: {:?}", e);
|
||||||
|
return json_err!("Couldn't commit transaction.");
|
||||||
|
}
|
||||||
|
|
||||||
Ok(json!({}))
|
Ok(json!({}))
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -197,7 +202,7 @@ pub async fn delete_todo(
|
|||||||
sqlx::query!(
|
sqlx::query!(
|
||||||
"
|
"
|
||||||
DELETE FROM todos
|
DELETE FROM todos
|
||||||
WHERE guild_id = ?
|
WHERE guild_id = (SELECT id FROM guilds WHERE guild = ?)
|
||||||
AND id = ?
|
AND id = ?
|
||||||
",
|
",
|
||||||
guild_id,
|
guild_id,
|
||||||
@ -210,5 +215,10 @@ pub async fn delete_todo(
|
|||||||
json!({"errors": vec!["Unknown error"]})
|
json!({"errors": vec!["Unknown error"]})
|
||||||
})?;
|
})?;
|
||||||
|
|
||||||
|
if let Err(e) = transaction.commit().await {
|
||||||
|
warn!("Couldn't commit transaction: {:?}", e);
|
||||||
|
return json_err!("Couldn't commit transaction.");
|
||||||
|
}
|
||||||
|
|
||||||
Ok(json!({}))
|
Ok(json!({}))
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user