Merge pull request #32 from Code-4-Community/deleteUser

added delete user route, user settings route tests, and ran prettier

Author: willmullinthomas

src/App.tsx

@@ -76,8 +76,16 @@ const App: React.FC = () => {
                         <Route path={Routes.HOME} exact component={Home} />
                         <Route path={Routes.SIGNUP} exact component={Signup} />
                         <Route path={Routes.LOGIN} exact component={Login} />
-                        <Route path={Routes.FORGOT_PASSWORD_REQUEST} exact component={ForgotPassword} />
-                        <Route path={Routes.FORGOT_PASSWORD_RESET} exact component={ForgotPasswordReset} />
+                        <Route
+                          path={Routes.FORGOT_PASSWORD_REQUEST}
+                          exact
+                          component={ForgotPassword}
+                        />
+                        <Route
+                          path={Routes.FORGOT_PASSWORD_RESET}
+                          exact
+                          component={ForgotPasswordReset}
+                        />
                         <Route
                           path={Routes.VERIFY_EMAIL}
                           exact

src/api/protectedApiClient.ts

@@ -5,10 +5,12 @@ export interface ProtectedApiClient {
     currentPassword: string;
     newPassword: string;
   }) => Promise<void>;
+  readonly deleteUser: (request: { password: string }) => Promise<void>;
 }
 
-enum ProtectedApiClientRoutes {
+export enum ProtectedApiClientRoutes {
   CHANGE_PASSWORD = '/api/v1/protected/user/change_password',
+  DELETE_USER = '/api/v1/protected/user/',
 }
 
 const changePassword = (request: {
@@ -19,12 +21,19 @@ const changePassword = (request: {
     ProtectedApiClientRoutes.CHANGE_PASSWORD,
     request,
   )
-    .then((r) => r)
+    .then((r) => r.data)
+    .catch((e) => e);
+};
+
+const deleteUser = (request: { password: string }): Promise<void> => {
+  return AppAxiosInstance.post(ProtectedApiClientRoutes.DELETE_USER, request)
+    .then((r) => r.data)
     .catch((e) => e);
 };
 
 const Client: ProtectedApiClient = Object.freeze({
   changePassword,
+  deleteUser,
 });
 
 export default Client;

src/api/test/protectedApiClient.test.ts

@@ -0,0 +1,41 @@
+import ProtectedApiClient, {
+  ProtectedApiClientRoutes,
+} from '../protectedApiClient';
+import nock from 'nock';
+
+const BASE_URL = 'http://localhost';
+
+describe('Protected API Client Tests', () => {
+  describe('changePassword', () => {
+    it('makes the right request', async () => {
+      const response = '';
+
+      nock(BASE_URL)
+        .post(ProtectedApiClientRoutes.CHANGE_PASSWORD)
+        .reply(200, response);
+
+      const result = await ProtectedApiClient.changePassword({
+        currentPassword: 'password',
+        newPassword: 'password2',
+      });
+
+      expect(result).toEqual(response);
+    });
+  });
+
+  describe('deleteUser', () => {
+    it('makes the right request', async () => {
+      const response = '';
+
+      nock(BASE_URL)
+        .post(ProtectedApiClientRoutes.DELETE_USER)
+        .reply(200, response);
+
+      const result = await ProtectedApiClient.deleteUser({
+        password: 'password',
+      });
+
+      expect(result).toEqual(response);
+    });
+  });
+});

src/auth/authClient.tsx

@@ -76,7 +76,7 @@ const forgotPasswordReset: (
   user: ForgotPasswordResetRequest,
 ) => Promise<void> = (user: ForgotPasswordResetRequest) =>
   AuthAxiosInstance.post(API_ROUTE.FORGOT_PASSWORD_RESET, user);
-  
+
 const verifyEmail: (secretKey: string) => Promise<void> = (secretKey: string) =>
   // eslint-disable-next-line
   AuthAxiosInstance.get(API_ROUTE.VERIFY_EMAIL + secretKey).then(() => {});

src/auth/test/authClient.test.ts

@@ -87,6 +87,6 @@ describe('Authentication Client Tests', () => {
       } catch (e) {
         fail(e);
       }
-    })
-  })
+    });
+  });
 });

src/containers/login/index.tsx

@@ -8,7 +8,7 @@ import { AsyncRequestKinds } from '../../utils/asyncRequest';
 import { C4CState } from '../../store';
 import { UserAuthenticationReducerState } from '../../auth/ducks/types';
 import { ContentContainer } from '../../components';
-import {Routes} from '../../App';
+import { Routes } from '../../App';
 
 const { Title, Paragraph } = Typography;
 
@@ -51,7 +51,10 @@ const Login: React.FC<LoginProps> = ({ tokens }) => {
           </Paragraph>
           <Paragraph>
             Forgot your password? Click{' '}
-            <Link to={Routes.FORGOT_PASSWORD_REQUEST} component={Typography.Link}>
+            <Link
+              to={Routes.FORGOT_PASSWORD_REQUEST}
+              component={Typography.Link}
+            >
               here
             </Link>{' '}
             to reset it.