fix: [M3-8538] - Incorrect Commands in Linode CLI Modal

packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/CurlTabPanel.tsx

@@ -1,5 +1,6 @@
 import { useTheme } from '@mui/material/styles';
 import React, { useMemo } from 'react';
+import { useFormContext } from 'react-hook-form';
 
 import { CodeBlock } from 'src/components/CodeBlock/CodeBlock';
 import { Link } from 'src/components/Link';
@@ -8,6 +9,9 @@ import { Typography } from 'src/components/Typography';
 import { sendApiAwarenessClickEvent } from 'src/utilities/analytics/customEventAnalytics';
 import { generateCurlCommand } from 'src/utilities/codesnippets/generate-cURL';
 
+import { useLinodeCreateQueryParams } from '../utilities';
+
+import type { LinodeCreateFormValues } from '../utilities';
 import type { CreateLinodeRequest } from '@linode/api-v4/lib/linodes';
 
 export interface CurlTabPanelProps {
@@ -19,10 +23,20 @@ export interface CurlTabPanelProps {
 export const CurlTabPanel = ({ index, payLoad, title }: CurlTabPanelProps) => {
   const theme = useTheme();
 
-  const curlCommand = useMemo(
-    () => generateCurlCommand(payLoad, '/linode/instances'),
-    [payLoad]
-  );
+  const { getValues } = useFormContext<LinodeCreateFormValues>();
+  const sourceLinodeID = getValues('linode.id');
+
+  const { params } = useLinodeCreateQueryParams();
+  const linodeCLIAction = params.type === 'Clone Linode' ? 'clone' : 'create';
+  const path =
+    linodeCLIAction === 'create'
+      ? '/linode/instances'
+      : `linode/instances/${sourceLinodeID}/clone`;
+
+  const curlCommand = useMemo(() => generateCurlCommand(payLoad, path), [
+    path,
+    payLoad,
+  ]);
 
   return (
     <SafeTabPanel index={index}>

packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/LinodeCLIPanel.tsx

@@ -1,4 +1,5 @@
 import React, { useMemo } from 'react';
+import { useFormContext } from 'react-hook-form';
 
 import { CodeBlock } from 'src/components/CodeBlock/CodeBlock';
 import { Link } from 'src/components/Link';
@@ -7,6 +8,9 @@
 import { sendApiAwarenessClickEvent } from 'src/utilities/analytics/customEventAnalytics';
 import { generateCLICommand } from 'src/utilities/codesnippets/generate-cli';
 
+import { useLinodeCreateQueryParams } from '../utilities';
+
+import type { LinodeCreateFormValues } from '../utilities';
 import type { CreateLinodeRequest } from '@linode/api-v4/lib/linodes';
 
 export interface LinodeCLIPanelProps {
@@ -20,7 +24,16 @@
   payLoad,
   title,
 }: LinodeCLIPanelProps) => {
-  const cliCommand = useMemo(() => generateCLICommand(payLoad), [payLoad]);
+  const { params } = useLinodeCreateQueryParams();
+  const linodeCLIAction = params.type;
+
+  const { getValues } = useFormContext<LinodeCreateFormValues>();
+  const sourceLinodeID = getValues('linode.id');
+
+  const cliCommand = useMemo(
+    () => generateCLICommand(payLoad, sourceLinodeID, linodeCLIAction),
+    [linodeCLIAction, payLoad, sourceLinodeID]
+  );
 
   return (
     <SafeTabPanel index={index}>

packages/manager/src/utilities/codesnippets/generate-cli.ts

@@ -1,10 +1,9 @@
-import {
+import type { PlacementGroup } from '@linode/api-v4';
+import type {
   ConfigInterfaceIPv4,
   UserData,
 } from '@linode/api-v4/lib/linodes/types';
 
-import type { PlacementGroup } from '@linode/api-v4';
-
 // Credit: https://github.com/xxorax/node-shell-escape
 function escapeStringForCLI(s: string): string {
   if (/[^A-Za-z0-9_\/:=-]/.test(s)) {
@@ -111,7 +110,18 @@ const dataEntriesReduce = (acc: string[], [key, value]: JSONFieldToArray) => {
   return acc;
 };
 
-export const generateCLICommand = (data: {}) => {
+export const generateCLICommand = (
+  data: {},
+  sourceLinodeID?: number,
+  linodeCLIAction?: string
+) => {
   const dataForCLI = Object.entries(data).reduce(dataEntriesReduce, []);
+
+  if (linodeCLIAction === 'Clone Linode') {
+    return `linode-cli linodes clone ${sourceLinodeID} \\\n${dataForCLI.join(
+      ' \\\n'
+    )}`;
+  }
+
   return `linode-cli linodes create \\\n${dataForCLI.join(' \\\n')}`;
 };