Continue integration frontend refactor

frontend/pages/api/bot/getBot.ts

@@ -21,7 +21,7 @@ const getBot = async ({ workspaceId }: Props) => {
     }
   ).then(async (res) => {
     if (res && res.status == 200) {
-      return await res.json();
+      return (await res.json()).bot;
     } else {
       console.log("Failed to get bot for project");
     }

frontend/pages/integrations/[id].js

@@ -23,8 +23,8 @@ const {
 const crypto = require("crypto");
 
 export default function Integrations() {
-  const [projectIntegrations, setProjectIntegrations] = useState([]);
+  const [integrationAuths, setIntegrationAuths] = useState([]);
-  const [authorizations, setAuthorizations] = useState();
+  const [integrations, setIntegrations] = useState([]);
   const [bot, setBot] = useState(null);
   const [isActivateBotOpen, setIsActivateBotOpen] = useState(false);
   const [selectedIntegrationOption, setSelectedIntegrationOption] = useState(null); 
@@ -33,23 +33,20 @@ export default function Integrations() {
 
   useEffect(async () => {
     try {
-      // get integrations authorized for project
+      // get project integration authorizations
-      let projectAuthorizations = await getWorkspaceAuthorizations({
+      setIntegrationAuths(await getWorkspaceAuthorizations({
         workspaceId: router.query.id,
-      });
+      }));
-      setAuthorizations(projectAuthorizations);
 
-      // get active/inactive (cloud) integrations for project
+      // get project integrations
-      const projectIntegrations = await getWorkspaceIntegrations({
+      setIntegrations(await getWorkspaceIntegrations({
         workspaceId: router.query.id,
-      });
+      }));
-      setProjectIntegrations(projectIntegrations);
       
-      // get bot for project
+      // get project bot
-      const bot = await getBot({
+      setBot(await getBot({
         workspaceId: router.query.id
-      });
+      }));
-      setBot(bot.bot);
       
     } catch (err) {
       console.log(err);
@@ -170,18 +167,18 @@ export default function Integrations() {
           handleBotActivate={handleBotActivate}
           handleIntegrationOption={handleIntegrationOption}
         />
-        {projectIntegrations.length > 0 && (
+        {integrations.length > 0 && ( // shouldn't need to check for length
           <ProjectIntegrationSection 
-            projectIntegrations={projectIntegrations}
+            projectIntegrations={integrations}
           />
         )}
         <CloudIntegrationSection 
-          projectIntegrations={projectIntegrations}
+          projectIntegrations={integrations}
           integrations={cloudIntegrations}
           setSelectedIntegrationOption={setSelectedIntegrationOption}
           integrationOptionPress={integrationOptionPress}
           deleteIntegrationAuth={deleteIntegrationAuth}
-          authorizations={authorizations}
+          authorizations={integrationAuths}
         />
         <FrameworkIntegrationSection 
           frameworks={frameworkIntegrations}