delete account instructions

Author: Nithishprem

app/(dashboard)/cloud-accounts/page.tsx

@@ -35,7 +35,10 @@ import { deleteResourceInstance } from "src/api/resourceInstance";
 import { getResourceInstanceStatusStylesAndLabel } from "src/constants/statusChipStyles/resourceInstanceStatus";
 import { getCloudAccountsRoute } from "src/utils/routes";
 import { ACCOUNT_CREATION_METHODS } from "src/utils/constants/accountConfig";
-import { getGcpBootstrapShellCommand } from "src/utils/accountConfig/accountConfig";
+import {
+  getGcpBootstrapShellCommand,
+  getGcpShellScriptOffboardCommand,
+} from "src/utils/accountConfig/accountConfig";
 
 const columnHelper = createColumnHelper<ResourceInstance>();
 
@@ -317,7 +320,7 @@ const CloudAccountsPage = () => {
 
   const deleteAccountInstructionDetails = useMemo(() => {
     const result_params: any = selectedInstance?.result_params;
-    let details = {};
+    let details: any = {};
     if (result_params?.aws_account_id) {
       details = {
         awsAccountID: result_params?.aws_account_id,
@@ -327,6 +330,11 @@ const CloudAccountsPage = () => {
         gcpProjectID: result_params?.gcp_project_id,
         gcpProjectNumber: result_params?.gcp_project_number,
       };
+      if (result_params?.cloud_provider_account_config_id) {
+        details.gcpOffboardCommand = getGcpShellScriptOffboardCommand(
+          result_params?.cloud_provider_account_config_id
+        );
+      }
     }
     return details;
   }, [selectedInstance]);

src/components/DeleteAccountConfigConfirmationDialog/DeleteAccountConfigConfirmationDialog.jsx

@@ -51,7 +51,7 @@ const StyledLink = styled(Link)({
   textDecoration: "underline",
   color: "#7F56D9",
   fontWeight: 700,
-  fontStyle: "italic",
+  // fontStyle: "italic",
 });
 
 const List = styled(Box)({
@@ -148,35 +148,54 @@ const DeleteInstructions = ({ accountInstructionDetails }) => {
             configuration below to remove all artifacts created by Omnistrate.
           </Text>
         </ListItem>
-        {/* <ListItem>
-          <ListItemIcon>
-            <ArrowBullet />
-          </ListItemIcon>
+        {accountInstructionDetails?.awsAccountID && (
+          <ListItem>
+            <ListItemIcon>
+              <ArrowBullet />
+            </ListItemIcon>
 
-          <Text size="medium" weight="regular" color="#374151">
-            <b>Terraform Users:</b> If you set up your account using Terraform,
-            execute terraform destroy to revoke our access.{" "}
-          </Text>
-        </ListItem> */}
+            <Text size="medium" weight="regular" color="#374151">
+              Follow the provided steps{" "}
+              <StyledLink
+                target="_blank"
+                rel="noopener noreferrer"
+                href="https://docs.omnistrate.com/getting-started/account-offboarding/"
+              >
+                here
+              </StyledLink>{" "}
+              to complete the off-boarding process and revoke our access.
+            </Text>
+          </ListItem>
+        )}
 
-        <ListItem>
-          <ListItemIcon>
-            <ArrowBullet />
-          </ListItemIcon>
+        {accountInstructionDetails?.gcpProjectID && (
+          <ListItem>
+            <ListItemIcon>
+              <ArrowBullet />
+            </ListItemIcon>
 
-          <Text size="medium" weight="regular" color="#374151">
-            Follow the provided steps{" "}
-            <StyledLink
-              target="_blank"
-              rel="noopener noreferrer"
-              href="https://docs.omnistrate.com/getting-started/account-offboarding/"
-            >
-              here
-            </StyledLink>{" "}
-            to complete the off-boarding process and revoke our access.
-          </Text>
-        </ListItem>
+            <Text size="medium" weight="regular" color="#374151">
+              Open the Google Cloud Shell environment using the following link{" "}
+              <StyledLink
+                target="_blank"
+                rel="noopener noreferrer"
+                href="https://shell.cloud.google.com/?cloudshell_ephemeral=true&show=terminal"
+              >
+                Google Cloud Shell
+              </StyledLink>{" "}
+              .Once the terminal is open, execute the following command to
+              complete the off-boarding process and revoke our access.
+            </Text>
+          </ListItem>
+        )}
       </List>
+
+      {accountInstructionDetails?.gcpProjectID &&
+        accountInstructionDetails?.gcpOffboardCommand && (
+          <TextContainerToCopy
+            text={accountInstructionDetails?.gcpOffboardCommand}
+          />
+        )}
     </Box>
   );
 };

src/utils/accountConfig/accountConfig.js

@@ -26,3 +26,13 @@ export const getGcpBootstrapShellCommand = (accountId) => {
     accountId
   );
 };
+
+export const GCP_SHELL_SCRIPT_OFFBOARD_COMMAND =
+  'bash -c "$(curl -fsSL <BASE_URL>/account-setup/gcp-offboard.sh?account_config_id=<ACCOUNT_CONFIG_ID>)"';
+
+export const getGcpShellScriptOffboardCommand = (accountId) => {
+  return GCP_BOOTSTRAP_SHELL_COMMAND.replace("<BASE_URL>", baseURL).replace(
+    "<ACCOUNT_CONFIG_ID>",
+    accountId
+  );
+};