Add queries and services

client/src/constants/config.js

@@ -1 +1 @@
-export const SERVER_URL = 'http://localhost:4000';
+export const SERVER_URL = 'http://127.0.0.1:5000/graphql';

client/src/edgeServer/getAcquisitions.js

@@ -0,0 +1,11 @@
+import { useQuery } from '@apollo/client';
+import { GET_COMPANY_ACQUISITIONS_BY_NAME } from '@edgeServer/queries';
+
+export const useGetAcquisitions = (companyName) => {
+  const response = useQuery(GET_COMPANY_ACQUISITIONS_BY_NAME, {
+    variables: { name: companyName },
+    skip: !companyName,
+  });
+
+  return response;
+};

client/src/edgeServer/getCompanyInfo.js

@@ -0,0 +1,11 @@
+import { useQuery } from '@apollo/client';
+import { GET_COMPANY_INFO_BY_NAME } from '@edgeServer/queries';
+
+export const useGetCompanyInfoByName = (companyName) => {
+  const response = useQuery(GET_COMPANY_INFO_BY_NAME, {
+    variables: { name: companyName },
+    skip: !companyName,
+  });
+
+  return response;
+};

client/src/edgeServer/getEngagement.js

@@ -0,0 +1,11 @@
+import { useQuery } from '@apollo/client';
+import { GET_COMPANY_ENGAGEMENT_BY_NAME } from '@edgeServer/queries';
+
+export const useGetEngagement = (companyName) => {
+  const response = useQuery(GET_COMPANY_ENGAGEMENT_BY_NAME, {
+    variables: { name: companyName },
+    skip: !companyName,
+  });
+
+  return response;
+};

client/src/edgeServer/getRevenue.js

@@ -0,0 +1,11 @@
+import { useQuery } from '@apollo/client';
+import { GET_COMPANY_REVENUE_BY_NAME } from '@edgeServer/queries';
+
+export const useGetRevenue = (companyName) => {
+  const response = useQuery(GET_COMPANY_REVENUE_BY_NAME, {
+    variables: { name: companyName },
+    skip: !companyName,
+  });
+
+  return response;
+};

client/src/edgeServer/getUnitEconomy.js

@@ -0,0 +1,11 @@
+import { useQuery } from '@apollo/client';
+import { GET_COMPANY_UNIT_ECONOMY_BY_NAME } from '@edgeServer/queries';
+
+export const useGetUnitEconomy = (companyName) => {
+  const response = useQuery(GET_COMPANY_UNIT_ECONOMY_BY_NAME, {
+    variables: { name: companyName },
+    skip: !companyName,
+  });
+
+  return response;
+};

client/src/edgeServer/queries.js

@@ -1,14 +1,86 @@
 import { gql } from '@apollo/client';
 
-export const GET_COMPANY_BY_NAME = gql`
-  query company(name: "Apple") {
-	id
-  	name
-  	cik
-  	sic
-  	symbol
-    filingStart {
-      quarter
-      year
-    }
-}`;
+export const GET_COMPANY_INFO_BY_NAME = gql`
+  query company($name: String!) {
+    company(name: $name) {
+      id
+      name
+      cik
+      sic
+      symbol
+      filingStart {
+        quarter
+        year
+      }
+    }
+  }
+`;
+
+export const GET_COMPANY_ACQUISITIONS_BY_NAME = gql`
+  query company($name: String!) {
+    company(name: $name) {
+      filingStart {
+        quarter
+        year
+      }
+      acquisition {
+        leads
+        accounts
+        conversion
+        salesCycle
+        cac
+      }
+    }
+  }
+`;
+
+export const GET_COMPANY_ENGAGEMENT_BY_NAME = gql`
+  query company($name: String!) {
+    company(name: $name) {
+      filingStart {
+        quarter
+        year
+      }
+      engagement {
+        users
+        penetration
+        nps
+      }
+    }
+  }
+`;
+
+export const GET_COMPANY_REVENUE_BY_NAME = gql`
+  query company($name: String!) {
+    company(name: $name) {
+      filingStart {
+        quarter
+        year
+      }
+      revenue {
+        rr
+        growth
+        arpa
+        acv
+        churnRate
+        accountDist
+      }
+    }
+  }
+`;
+
+export const GET_COMPANY_UNIT_ECONOMY_BY_NAME = gql`
+  query company($name: String!) {
+    company(name: $name) {
+      filingStart {
+        quarter
+        year
+      }
+      unitEcon {
+        ltv
+        ltvRatio
+        payback
+      }
+    }
+  }
+`;

client/src/layouts/companyDashboard/index.jsx

@@ -1,10 +1,19 @@
 import React from 'react';
 import { useParams } from 'react-router-dom';
+// import { useGetCompanyInfoByName } from '@edgeServer/getCompanyInfo';
+// import { useGetAcquisitions } from '@edgeServer/getAcquisitions';
+// import { useGetEngagement } from '@edgeServer/getEngagement';
+// import { useGetRevenue } from '@edgeServer/getRevenue';
 
 const CompanyDashboard = () => {
   const { companyName } = useParams();
-  console.log(companyName);
-  return <div>CompanyDashboard</div>;
+  //   const companyInfoGQL = useGetCompanyInfoByName(companyName);
+  //   const acquisitionsGQL = useGetAcquisitions(companyName);
+  //   const engagementGQL = useGetEngagement(companyName);
+  //   const revenueGQL = useGetRevenue(companyName);
+
+  //   console.log(revenueGQL);
+  return <div>CompanyDashboard | {companyName}</div>;
 };
 
 export default CompanyDashboard;