wind-explorer/ecoconnect
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added archiving

Browse Source
This commit is contained in:
Adam C
2024-06-26 00:20:29 +08:00
parent 9f4983d859
commit 161fa3dd1d
4 changed files with 184 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
client/src/components/UpdateAccountModule.tsx
View File

@@ -3,7 +3,7 @@ import * as Yup from "yup";
import config from "../config";
import { useEffect, useState } from "react";
import { retrieveUserInformation } from "../security/users";
import { Button } from "@nextui-org/react";
import { Accordion, AccordionItem, Button } from "@nextui-org/react";
import { Form, Formik } from "formik";
import NextUIFormikInput from "./NextUIFormikInput";
import { PencilSquareIcon } from "../icons";
@@ -83,9 +83,29 @@ export default function UpdateAccountModule({
phoneNumber: "",
};
const archiveAccount = () => {
axios
.put(
config.serverAddress + "/users/archive/" + userInformation.id,
null,
{
headers: {
Authorization: `Bearer ${accessToken}`,
},
}
)
.then(() => {
navigate("/login");
})
.catch((err) => {
console.log("Archive failed: " + err);
});
};
return (
<div>
{userInformation && (
<div className="flex flex-col gap-16">
<div>
<Formik
initialValues={initialValues}
@@ -96,7 +116,9 @@ export default function UpdateAccountModule({
{({ isValid, dirty }) => (
<Form className="flex flex-col gap-16">
<div className="flex flex-row justify-between">
<p className="text-4xl font-bold">Update your information</p>
<p className="text-4xl font-bold">
Update your information
</p>
<div className="flex flex-row gap-4">
<Button
variant="light"
@@ -167,6 +189,48 @@ export default function UpdateAccountModule({
)}
</Formik>
</div>
<div>
<Accordion>
<AccordionItem
key="1"
aria-label="Account danger zone"
title={
<div className="flex flex-col -my-2">
<p className="text-lg">More actions</p>
<p className="opacity-50">
Click to show more options collapsed for security
purposes.
</p>
</div>
}
className="rounded-xl -m-2 px-4 py-2 bg-neutral-100 dark:bg-neutral-800 border-2 border-transparent hover:border-neutral-200 dark:hover:border-neutral-700 transition-colors"
>
<div className="flex flex-row justify-between *:my-auto bg-red-100 dark:bg-red-950 p-4 rounded-xl">
<div className="flex flex-col">
<p className="text-lg">Danger zone</p>
<p className="opacity-50">
These actions may be destructive. Proceed with caution.
</p>
</div>
<div className="flex flex-row gap-4">
<Button color="danger" variant="light">
Reset your password
</Button>
<Button
color="danger"
variant="flat"
onPress={() => {
archiveAccount();
}}
>
Archive this account
</Button>
</div>
</div>
</AccordionItem>
</Accordion>
</div>
</div>
)}
</div>
);

26
client/src/pages/ManageUserAccountPage.tsx
View File

@@ -1,7 +1,6 @@
import { useParams } from "react-router-dom";
import DefaultLayout from "../layouts/default";
import UpdateAccountModule from "../components/UpdateAccountModule";
import { Accordion, AccordionItem, Button } from "@nextui-org/react";
export default function ManageUserAccountPage() {
let { accessToken } = useParams<string>(); // TODO: Replace AT from props with AT from localstorage
@@ -11,31 +10,6 @@ export default function ManageUserAccountPage() {
<div>
<div className="p-8 flex flex-col gap-8">
<UpdateAccountModule accessToken={accessToken!} />
<Accordion>
<AccordionItem
key="1"
aria-label="Account danger zone"
title="More actions"
className="rounded-xl -m-2 px-4 py-2 bg-neutral-100 dark:bg-neutral-800 border-2 border-transparent hover:border-neutral-200 dark:hover:border-neutral-700 transition-colors"
>
<div className="flex flex-row justify-between *:my-auto bg-red-100 dark:bg-red-950 p-4 rounded-xl">
<div className="flex flex-col">
<p className="text-lg">Danger zone</p>
<p className="opacity-70">
These actions may be destructive. Proceed with caution.
</p>
</div>
<div className="flex flex-row gap-4">
<Button color="danger" variant="light">
Reset your password
</Button>
<Button color="danger" variant="flat">
Archive this account
</Button>
</div>
</div>
</AccordionItem>
</Accordion>
</div>
</div>
</DefaultLayout>

4
server/models/User.js
View File

@@ -27,6 +27,10 @@ module.exports = (sequelize, DataTypes) => {
type: DataTypes.STRING(100),
allowNull: false,
},
isArchived: {
type: DataTypes.BOOLEAN(),
allowNull: false,
},
},
{
tableName: "users",

43
server/routes/users.js
View File

@@ -39,11 +39,16 @@ let optionalValidationSchema = yup.object({
router.post("/register", async (req, res) => {
let data = req.body;
let user = await User.findOne({
let userByEmail = await User.findOne({
where: { email: data.email },
});
if (user) {
res.status(400).json({ message: "Email already exists." });
let userByNumber = await User.findOne({
where: { phoneNumber: data.phoneNumber },
});
if (userByEmail || userByNumber) {
res.status(400).json({ message: "Email or phone number already exists." });
return;
}
try {
@@ -83,11 +88,19 @@ router.get("/all", async (req, res) => {
router.get("/individual/:id", validateToken, async (req, res) => {
let id = req.params.id;
let user = await User.findByPk(id);
if (!user) {
res.sendStatus(404);
return;
}
if (user.isArchived) {
res.status(400).json({
message: `Account ${id} is archived.`,
});
} else {
res.json(user);
}
});
router.put("/individual/:id", validateToken, async (req, res) => {
@@ -188,4 +201,28 @@ router.get("/auth", validateToken, (req, res) => {
});
});
router.put("/archive/:id", validateToken, async (req, res) => {
let id = req.params.id;
let user = await User.findByPk(id);
if (!user) {
res.sendStatus(404);
return;
}
try {
await User.update(
{ isArchived: true },
{
where: { id: id },
}
);
res.json({
message: "User archived successfully.",
});
} catch (err) {
res.status(400).json({ errors: err.errors });
}
});
module.exports = router;