feature: secret sync base + aws parameter store & github

frontend/src/pages/organization/SettingsPage/components/AppConnectionsTab/AppConnectionsTab.tsx

@@ -1,14 +1,9 @@
-import {
-  faArrowUpRightFromSquare,
-  faBookOpen,
-  faPlus,
-  faWrench
-} from "@fortawesome/free-solid-svg-icons";
+import { faArrowUpRightFromSquare, faBookOpen, faPlus } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 import { OrgPermissionCan } from "@app/components/permissions";
 import { Button } from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useSubscription } from "@app/context";
+import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
 import { withPermission } from "@app/hoc";
 import { usePopUp } from "@app/hooks";
 
@@ -16,24 +11,8 @@ import { AddAppConnectionModal, AppConnectionsTable } from "./components";
 
 export const AppConnectionsTab = withPermission(
   () => {
-    const { subscription } = useSubscription();
-
     const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp(["addConnection"] as const);
 
-    // TODO: remove once live
-    if (!subscription?.appConnections)
-      return (
-        <div className="m-auto mt-40 flex w-full max-w-2xl flex-col items-center rounded-md bg-mineshaft-800 px-2 pt-4 text-bunker-300">
-          <FontAwesomeIcon icon={faWrench} size="2xl" />
-          <div className="flex flex-col items-center py-4">
-            <div className="text-lg text-mineshaft-200">
-              App Connections are currently unavailable.
-            </div>
-            <span className="text-mineshaft-300">Check back soon.</span>
-          </div>
-        </div>
-      );
-
     return (
       <div>
         <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">

frontend/src/pages/organization/SettingsPage/components/AppConnectionsTab/components/AppConnectionForm/GitHubConnectionForm.tsx

@@ -132,7 +132,7 @@ export const GitHubConnectionForm = ({ appConnection }: Props) => {
                 {Object.values(GitHubConnectionMethod).map((method) => {
                   return (
                     <SelectItem value={method} key={method}>
-                      {methodDetails.name}{" "}
+                      {getAppConnectionMethodDetails(method).name}{" "}
                       {method === GitHubConnectionMethod.App ? " (Recommended)" : ""}
                     </SelectItem>
                   );

frontend/src/pages/organization/SettingsPage/components/AppConnectionsTab/components/AppConnectionsTable.tsx

@@ -29,7 +29,6 @@ import {
   THead,
   Tr
 } from "@app/components/v2";
-import { useSubscription } from "@app/context";
 import { APP_CONNECTION_MAP, getAppConnectionMethodDetails } from "@app/helpers/appConnections";
 import { usePagination, usePopUp, useResetPageHelper } from "@app/hooks";
 import { TAppConnection, useListAppConnections } from "@app/hooks/api/appConnections";
@@ -52,11 +51,7 @@ type AppConnectionFilters = {
 };
 
 export const AppConnectionsTable = () => {
-  const { subscription } = useSubscription();
-
-  const { isLoading, data: appConnections = [] } = useListAppConnections({
-    enabled: subscription?.appConnections
-  });
+  const { isLoading, data: appConnections = [] } = useListAppConnections();
 
   const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp([
     "deleteConnection",