replace remaining client axios usage

src/components/Announce/Announce.tsx

@@ -1,4 +1,3 @@
-import axios from 'axios';
 import React, { useCallback, useEffect, useState } from 'react';
 import ReactMarkdown from 'react-markdown';
 import { Button } from 'semantic-ui-react';
@@ -17,20 +16,18 @@ const Announce = () => {
   const [announcement, setAnnouncement] = useState<Issue | null>(null);
   useEffect(() => {
     const fetch = async () => {
-      const response = await axios.get<{ items: Issue[] }>(
-        'https://api.github.com/search/issues',
-        {
-          params: {
+      const response = await window.fetch(
+        'https://api.github.com/search/issues?' +
+          new URLSearchParams({
             q: `repo:${GITHUB_REPO} label:${
               config.NODE_ENV === 'development' ? 'test' : 'release'
             }`,
             order: 'desc',
-            page: 1,
-            per_page: 1,
-          },
-        },
+            page: '1',
+            per_page: '1',
+          }),
       );
-      const data = response.data;
+      const data: { items: Issue[] } = await response.json();
       //   console.log(data);
       const top = data?.items?.[0];
       if (

src/components/App/App.tsx

@@ -1,5 +1,4 @@
 import type MediasoupClient from 'mediasoup-client';
-import axios from 'axios';
 import React from 'react';
 import {
   Button,

src/components/Modal/ProfileModal.tsx

@@ -3,7 +3,6 @@ import { Modal, Button, Icon, Image, Popup } from 'semantic-ui-react';
 import firebase from 'firebase/compat/app';
 import 'firebase/compat/auth';
 import { serverPath } from '../../utils';
-import axios from 'axios';
 import { ManageSubButton } from '../SubscribeButton/SubscribeButton';
 import config from '../../config';
 import { MetadataContext } from '../../MetadataContext';
@@ -22,17 +21,16 @@ export class ProfileModal extends React.Component<{
   };
 
   async componentDidMount() {
-    const token = await this.context.user?.getIdToken();
-    const response = await axios.get<LinkAccount[]>(
-      serverPath + '/linkAccount',
-      {
-        params: {
-          uid: this.context.user?.uid,
+    const token = (await this.context.user?.getIdToken()) ?? '';
+    const response = await fetch(
+      serverPath +
+        '/linkAccount?' +
+        new URLSearchParams({
+          uid: this.context.user?.uid ?? '',
           token,
-        },
-      },
+        }),
     );
-    const data = response.data;
+    const data: LinkAccount[] = await response.json();
     const linkedDiscord = data.find((d) => d.kind === 'discord');
     this.setState({ linkedDiscord });
   }
@@ -125,8 +123,9 @@ export class ProfileModal extends React.Component<{
               undone.
             </p>
             <p>
-              Note: If you have an active subscription, deleting your account will NOT
-              automatically cancel it and you will need to contact [email protected] to cancel.
+              Note: If you have an active subscription, deleting your account
+              will NOT automatically cancel it and you will need to contact
+              [email protected] to cancel.
             </p>
           </Modal.Content>
           <Modal.Actions>

src/components/Settings/SettingsTab.tsx

@@ -13,7 +13,6 @@ import {
 } from 'semantic-ui-react';
 // import { SignInButton } from '../TopBar/TopBar';
 import { getCurrentSettings, updateSettings } from './LocalSettings';
-import axios from 'axios';
 import { serverPath } from '../../utils';
 import { PermanentRoomModal } from '../Modal/PermanentRoomModal';
 import firebase from 'firebase/compat/app';

src/components/TopBar/TopBar.tsx

@@ -11,7 +11,6 @@ import {
 import firebase from 'firebase/compat/app';
 import 'firebase/compat/auth';
 import { LoginModal } from '../Modal/LoginModal';
-import axios from 'axios';
 import { SubscribeButton } from '../SubscribeButton/SubscribeButton';
 import { ProfileModal } from '../Modal/ProfileModal';
 import Announce from '../Announce/Announce';
@@ -200,9 +199,10 @@ export class ListRoomsButton extends React.Component<{}> {
   deleteRoom = async (roomId: string) => {
     if (this.context.user) {
       const token = await this.context.user.getIdToken();
-      await axios.delete(
+      await fetch(
         serverPath +
           `/deleteRoom?uid=${this.context.user?.uid}&token=${token}&roomId=${roomId}`,
+        { method: 'DELETE' },
       );
       this.setState({
         rooms: this.state.rooms.filter((room) => room.roomId !== roomId),

src/utils/generateName.ts

@@ -1,7 +1,6 @@
-import axios from 'axios';
 import { serverPath } from './index';
 
 export async function generateName(): Promise<string> {
-  const response = await axios.get<string>(serverPath + '/generateName');
-  return response.data;
+  const response = await fetch(serverPath + '/generateName');
+  return response.json();
 }