deleting events by owner

Author: timmyichen

client/actions/events.ts

@@ -51,7 +51,7 @@ export type EventsAction =
   | IUnresolveHelpRequest
   | IUpdateHelpRequest;
 
-export function setEvent(event: Event): ISetEvent {
+export function setEvent(event: Event | null): ISetEvent {
   return {
     type: 'SET_EVENT',
     event,

client/eventPage/EventEditorForm.tsx

@@ -106,6 +106,34 @@ export default ({ event, onComplete }: Props) => {
     }
   };
 
+  const onDelete = async () => {
+    if (!confirm('Are you sure?') || !event) {
+      return;
+    }
+
+    setLoading(true);
+
+    try {
+      const res = await post(`/api/events/delete`, {
+        eventId: event._id,
+      });
+
+      if (!res.ok) {
+        const json = await res.json();
+        throw new Error(json.message);
+      }
+    } catch (e) {
+      setLoading(false);
+      return setErrors({
+        ...errors,
+        general: e.message,
+      });
+    }
+
+    setLoading(false);
+    dispatch(setEvent(null));
+  };
+
   const clearErrors = (keys: Array<keyof typeof defaultErrors>) => {
     const updatedErrors = { ...errors };
     keys.forEach(key => (updatedErrors[key] = ''));
@@ -159,8 +187,21 @@ export default ({ event, onComplete }: Props) => {
           {errors.endDate && <Alert variant="danger">{errors.endDate}</Alert>}
         </Form.Group>
         <div className="controls">
+          {event ? (
+            <Button
+              disabled={loading}
+              onClick={(e: React.FormEvent) => {
+                e.preventDefault();
+                onDelete();
+              }}
+              variant="danger"
+            >
+              Delete
+            </Button>
+          ) : (
+            <div />
+          )}
           <Button
-            type="submit"
             disabled={loading}
             onClick={(e: React.FormEvent) => {
               e.preventDefault();
@@ -182,7 +223,8 @@ export default ({ event, onComplete }: Props) => {
           margin-top: 10px;
         }
         .controls {
-          text-align: right;
+          display: flex;
+          justify-content: space-between;
         }
       `}</style>
     </div>

pages/login.tsx

@@ -58,7 +58,7 @@ export default () => {
           <Form.Label>Password</Form.Label>
           <Form.Control
             type="password"
-            placeholder="Hope you remember it!"
+            placeholder="Enter your password"
             required
             value={password}
             onChange={(e: InputEvent) => {

server/routers/events.ts

@@ -242,4 +242,36 @@ router.post(
   }),
 );
 
+router.post(
+  '/api/events/delete',
+  requiresAuth({ error: true }),
+  asyncHandler(async (req: ReqWithUser, res: express.Response) => {
+    const { eventId } = req.body;
+    const db: typeof mongoose = req.app.locals.db;
+
+    const event = await Event.findById(eventId);
+
+    if (!event || String(event.owner) !== String(req.user._id)) {
+      throw new NotFoundError('Event not found');
+    }
+
+    const session = await db.startSession();
+    session.startTransaction();
+
+    const q = Event.deleteOne({ _id: event._id });
+    q.setOptions({ session });
+    await q.exec();
+
+    await User.updateOne(
+      { _id: req.user._id },
+      { $set: { events: [] } },
+      { session },
+    ).exec();
+
+    await session.commitTransaction();
+
+    res.json({ success: true });
+  }),
+);
+
 export default router;