mirror of
https://github.com/lemeow125/React-NotesApp.git
synced 2024-11-16 22:19:27 +08:00
Removed some files that were duplicated to another folder
This commit is contained in:
parent
bc3afa8604
commit
cc197df3e5
2 changed files with 0 additions and 250 deletions
|
|
@ -1,134 +0,0 @@
|
|||
import axios from "axios";
|
||||
import {
|
||||
ActivationParams,
|
||||
UpdateNoteParams,
|
||||
AddNoteParams,
|
||||
LoginParams,
|
||||
RegistrationParams,
|
||||
} from "../../Interfaces/Interfaces";
|
||||
|
||||
// Note APIs
|
||||
|
||||
const instance = axios.create({
|
||||
baseURL: "https://keannu126.pythonanywhere.com",
|
||||
});
|
||||
|
||||
export function GetNotes() {
|
||||
const token = JSON.parse(localStorage.getItem("token") || "{}");
|
||||
return instance
|
||||
.get("/api/v1/notes/", {
|
||||
headers: {
|
||||
Authorization: "Token " + token,
|
||||
},
|
||||
})
|
||||
.then((response) => {
|
||||
return response.data;
|
||||
});
|
||||
}
|
||||
|
||||
export function GetNote(id: number) {
|
||||
const token = JSON.parse(localStorage.getItem("token") || "{}");
|
||||
return instance
|
||||
.get("/api/v1/notes/" + id + "/", {
|
||||
headers: {
|
||||
Authorization: "Token " + token,
|
||||
},
|
||||
})
|
||||
.then((response) => {
|
||||
return response.data;
|
||||
});
|
||||
}
|
||||
|
||||
export function UpdateNote(note: UpdateNoteParams) {
|
||||
const token = JSON.parse(localStorage.getItem("token") || "{}");
|
||||
return instance
|
||||
.patch("/api/v1/notes/" + note.id + "/", note, {
|
||||
headers: {
|
||||
Authorization: "Token " + token,
|
||||
},
|
||||
})
|
||||
.then((response) => {
|
||||
return response.data;
|
||||
})
|
||||
.catch((error) => {
|
||||
return error;
|
||||
});
|
||||
}
|
||||
|
||||
export function AddNote(note: AddNoteParams) {
|
||||
const token = JSON.parse(localStorage.getItem("token") || "{}");
|
||||
return instance
|
||||
.post("/api/v1/notes/", note, {
|
||||
headers: {
|
||||
Authorization: "Token " + token,
|
||||
},
|
||||
})
|
||||
.then((response) => {
|
||||
return response.data;
|
||||
})
|
||||
.catch((error) => {
|
||||
return error;
|
||||
});
|
||||
}
|
||||
|
||||
export function DeleteNote(id: number) {
|
||||
const token = JSON.parse(localStorage.getItem("token") || "{}");
|
||||
return instance
|
||||
.delete("/api/v1/notes/" + id + "/", {
|
||||
headers: {
|
||||
Authorization: "Token " + token,
|
||||
},
|
||||
})
|
||||
.catch((error) => {
|
||||
return error;
|
||||
});
|
||||
}
|
||||
|
||||
// User APIs
|
||||
|
||||
export function UserRegister(register: RegistrationParams) {
|
||||
return instance
|
||||
.post("/api/v1/accounts/users/", register)
|
||||
.then(async (response) => {
|
||||
return true;
|
||||
})
|
||||
.catch((error) => {
|
||||
return false;
|
||||
});
|
||||
}
|
||||
|
||||
export function UserLogin(user: LoginParams) {
|
||||
return instance
|
||||
.post("/api/v1/accounts/token/login/", user)
|
||||
.then(async (response) => {
|
||||
localStorage.setItem("token", JSON.stringify(response.data.auth_token));
|
||||
return true;
|
||||
})
|
||||
.catch((error) => {
|
||||
return false;
|
||||
});
|
||||
}
|
||||
|
||||
export function UserInfo() {
|
||||
const token = JSON.parse(localStorage.getItem("token") || "{}");
|
||||
return instance
|
||||
.get("/api/v1/accounts/users/me/", {
|
||||
headers: {
|
||||
Authorization: "Token " + token,
|
||||
},
|
||||
})
|
||||
.then((response) => {
|
||||
return response.data;
|
||||
});
|
||||
}
|
||||
|
||||
export function UserActivate(activation: ActivationParams) {
|
||||
return instance
|
||||
.post("/api/v1/accounts/users/activation/", activation)
|
||||
.then(async (response) => {
|
||||
return true;
|
||||
})
|
||||
.catch((error) => {
|
||||
return false;
|
||||
});
|
||||
}
|
||||
|
|
@ -1,116 +0,0 @@
|
|||
import styles from "../../styles";
|
||||
import { Button } from "@mui/material";
|
||||
import { useNavigate, useParams } from "react-router-dom";
|
||||
import { useEffect, useState } from "react";
|
||||
import Header from "../../Components/Header/Header";
|
||||
import { GetNote, UpdateNote } from "../../Components/Api/Api";
|
||||
import { useMutation, useQuery, useQueryClient } from "react-query";
|
||||
|
||||
export interface input {
|
||||
e: React.ChangeEvent;
|
||||
}
|
||||
export default function ViewNote() {
|
||||
const navigate = useNavigate();
|
||||
const { id } = useParams();
|
||||
const queryClient = useQueryClient();
|
||||
const mutation = useMutation({
|
||||
mutationFn: UpdateNote,
|
||||
onSuccess: () => {
|
||||
queryClient.invalidateQueries("notes");
|
||||
},
|
||||
});
|
||||
const [note, setNote] = useState({
|
||||
title: "",
|
||||
content: "",
|
||||
});
|
||||
async function retrieve() {
|
||||
let a = await GetNote(Number(id));
|
||||
setNote(a);
|
||||
return a;
|
||||
}
|
||||
const { data, isLoading, error } = useQuery("note", retrieve, {
|
||||
retry: 0,
|
||||
});
|
||||
useEffect(() => {
|
||||
setNote(data);
|
||||
}, [data]);
|
||||
if (error) {
|
||||
return (
|
||||
<div style={styles.background}>
|
||||
<Header />
|
||||
<div style={styles.note}>
|
||||
<p style={styles.text_medium_red}>Error retrieving specific note</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
if (isLoading) {
|
||||
return (
|
||||
<div style={styles.background}>
|
||||
<div style={styles.note}>
|
||||
<p style={styles.text_medium}>Loading Note...</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
if (data) {
|
||||
return (
|
||||
<div style={styles.background}>
|
||||
<Header />
|
||||
<p style={styles.text_medium}>Edit Note</p>
|
||||
<div style={styles.flex_column}>
|
||||
<div style={styles.note}>
|
||||
<div style={styles.flex_row}>
|
||||
<p style={styles.text_small}>Title: </p>
|
||||
<input
|
||||
style={styles.input_notetitle}
|
||||
value={note.title}
|
||||
onChange={(e: { target: { value: any } }) => {
|
||||
setNote({ ...note, title: e.target.value });
|
||||
}}
|
||||
maxLength={20}
|
||||
/>
|
||||
</div>
|
||||
<div style={styles.note_content}>
|
||||
<textarea
|
||||
style={styles.input_notebody}
|
||||
value={note.content}
|
||||
onChange={async (e: { target: { value: any } }) => {
|
||||
await setNote({ ...note, content: e.target.value });
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<Button
|
||||
style={styles.button_green}
|
||||
variant="contained"
|
||||
onClick={async () => {
|
||||
try {
|
||||
await mutation.mutate({
|
||||
id: Number(id),
|
||||
title: note.title,
|
||||
content: note.content,
|
||||
});
|
||||
navigate("/");
|
||||
} catch (error) {}
|
||||
}}
|
||||
>
|
||||
Update Note
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
<div style={styles.flex_row}>
|
||||
<Button
|
||||
style={styles.button_red}
|
||||
variant="contained"
|
||||
onClick={() => {
|
||||
navigate("/");
|
||||
}}
|
||||
>
|
||||
Cancel
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
return <div>heh</div>;
|
||||
}
|
||||
Loading…
Reference in a new issue