Merge pull request #27 from Virus288/feat/accountDelete

Feat: Added button to remove user's account

package.json

@@ -1,6 +1,6 @@
 {
   "name": "authorizations-client",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "description": "AuthorizationsClient",
   "productName": "AuthorizationsClient",
   "author": "https://github.com/Virus288",

src/components/generic/views/Home.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { HomeBody, HomeRow } from '../styled';
 import { Button } from '../../customs/buttons';
-import { sendToLoginPage, sendToRegisterPage, sendToLogoutPage, getUserinfo } from '../../../controllers';
+import { sendToLoginPage, sendToRegisterPage, sendToLogoutPage, getUserinfo, refreshTokens, removeAccount } from '../../../controllers';
 
 const Home: React.FC = () => {
     const [userinfo, setUserinfo] = useState<string | null>(null)
@@ -15,6 +15,24 @@ const Home: React.FC = () => {
         })
     }
 
+    const handleRefreshToken = () => {
+            refreshTokens().then(() => {
+            setUserinfo('Refreshed tokens')
+        }).catch(err => {
+            console.log((err as Error).message)
+            setUserinfo('Got error while refreshing tokens')
+        })
+    }
+
+    const handleRemoveAccount = () => {
+            removeAccount().then(() => {
+            setUserinfo('Account removed')
+        }).catch(err => {
+            console.log((err as Error).message)
+            setUserinfo('Got error while removing account')
+        })
+    }
+
     return (
     <HomeBody>
       <header>
@@ -27,6 +45,8 @@ const Home: React.FC = () => {
         <Button onClick={() => sendToLoginPage()}>Log in</Button>
         <Button onClick={() => sendToLogoutPage()}>Log out</Button>
         <Button onClick={() => handleGetUserInfo()}>Check if logged in</Button>
+        <Button onClick={() => handleRefreshToken()}>Refresh access token</Button>
+        <Button onClick={() => handleRemoveAccount()}>Remove account</Button>
       </HomeRow>
     </HomeBody>
   );

src/controllers/index.ts

@@ -51,3 +51,51 @@ export const getUserinfo = async (): Promise<string> => {
   console.log('Got error', await res.json());
   return 'None. User is not logged in, or something is wrong';
 };
+
+export const refreshTokens = async (): Promise<void> => {
+  const server = import.meta.env.VITE_API_BACKEND as string;
+  const homeUrl = import.meta.env.VITE_API_HOME as string;
+
+  const res = await fetch(`${server}/user/refresh`, {
+    method: 'GET',
+    credentials: 'include',
+    headers: {
+      'Content-Type': 'application/json',
+      'Access-Control-Allow-Origin': homeUrl,
+    },
+  });
+
+  if (res.ok) {
+    return;
+  }
+
+  console.log('Got error', await res.json());
+};
+
+export const removeAccount = async (): Promise<void> => {
+  const server = import.meta.env.VITE_API_BACKEND as string;
+  const homeUrl = import.meta.env.VITE_API_HOME as string;
+  const client = import.meta.env.VITE_API_BACKEND_LOGIN_CLIENT as string;
+
+  const query = new URLSearchParams({
+    client,
+  });
+
+  const res = await fetch(`${server}/user?${query.toString()}`, {
+    method: 'DELETE',
+    credentials: 'include',
+    headers: {
+      'Content-Type': 'application/json',
+      'Access-Control-Allow-Origin': homeUrl,
+    },
+  });
+
+  if (res.ok) {
+    return;
+  }
+
+  console.log('Got error', await res.json());
+
+  const err = (await res.json()) as Error;
+  throw err;
+};