Added constants

Author: htahir1

src/constants/constantCommands.ts

@@ -1,35 +1,31 @@
 export const constantCommandsToCreateStack = {
-  title: 'Create Stack',
+  title: 'Stack Cheatsheet',
   documentation: 'https://docs.zenml.io/starter-guide/stacks',
   body: [
     {
-      text: 'Create a pipeline',
+      text: 'Register a stack',
       isCode: false,
     },
     {
-      text: 'zenml pipeline run -c config.yaml run.py',
+      text: 'zenml stack register STACK_NAME -o default -a default',
       isCode: true,
     },
     {
-      text: 'yarn start',
+      text: 'List stacks',
       isCode: false,
     },
     {
-      text: 'yarn start',
+      text: 'zenml stack list',
       isCode: true,
     },
     {
-      text: 'yarn start',
-      isCode: true,
+      text: 'Set stack active',
+      isCode: false,
     },
     {
-      text: 'yarn start',
+      text: 'zenml stack set STACK_NAME',
       isCode: true,
     },
-    {
-      text: 'you can set it  active',
-      isCode: false,
-    },
   ],
 };
 
@@ -71,63 +67,55 @@ export const constantCommandsToCreateComponent = {
     type: 'alerter',
     body: [
       {
-        text: 'you can set it active',
+        text: 'Register an alerter',
         isCode: false,
       },
       {
-        text: 'yarn start alerter ',
+        text: 'zenml alerter register <ALERTER_NAME> -f <FLAVOR>',
         isCode: true,
       },
       {
-        text: 'yarn start alerter',
-        isCode: true,
+        text: 'List alerters',
+        isCode: false,
       },
       {
-        text: 'yarn start alerter',
+        text: 'zenml alerter list',
         isCode: true,
       },
       {
-        text: 'yarn start alerter',
-        isCode: true,
+        text: 'See alerter flavors',
+        isCode: false,
       },
       {
-        text: 'yarn start alerter',
+        text: 'zenml alerter flavor list',
         isCode: true,
       },
-      {
-        text: 'you can set it  active',
-        isCode: false,
-      },
     ],
   },
   defaultBody: [
     {
-      text: 'you can set it default',
+      text: 'Register a stack component',
       isCode: false,
     },
     {
-      text: 'yarn start default ',
+      text: 'zenml <STACK-COMPONENT> register <STACK_COMP_NAME> -f <FLAVOR>',
       isCode: true,
     },
     {
-      text: 'yarn start default',
-      isCode: true,
+      text: 'List stack component',
+      isCode: false,
     },
     {
-      text: 'yarn start default',
+      text: 'zenml <STACK-COMPONENT> list',
       isCode: true,
     },
     {
-      text: 'yarn start default',
-      isCode: true,
+      text: 'See stack component flavors',
+      isCode: false,
     },
     {
-      text: 'yarn start default',
+      text: 'zenml <STACK-COMPONENT> flavor list',
       isCode: true,
     },
-    {
-      text: 'you can set it  default',
-      isCode: false,
-    },
   ],
 };

src/services/locales/zu.json

@@ -419,7 +419,7 @@
           },
           "PipelinesHeader": {
             "createButton": {
-              "text": "Create pipeline"
+              "text": "Pipeline Cheatsheet"
             },
             "compareButton": {
               "text": "Compare runs"

src/ui/layouts/pipelines/Header/CreatePipelineButton.tsx

@@ -75,7 +75,7 @@ export const CreatePipelineButton: React.FC = () => {
       paddingHorizontal="sm"
     >
       <PrimaryButton onClick={() => setCreatePipelinePopupOpen(true)}>
-        Create Pipeline
+        Pipeline Cheatsheet
       </PrimaryButton>
 
       {createPipelinePopupOpen && (

src/ui/layouts/runs/Header/CreateStackButton.tsx

@@ -43,14 +43,14 @@ export const CreateStackButton: React.FC = () => {
       paddingHorizontal="sm"
     >
       <PrimaryButton onClick={() => setCreateStackPopupOpen(true)}>
-        Create Stack
+        Stack Cheatsheet
       </PrimaryButton>
 
       {createStackPopupOpen && (
         <Popup onClose={() => setCreateStackPopupOpen(false)}>
           <FlexBox.Row>
             <H3 bold color="darkGrey">
-              Create Stack
+              Stack Cheatsheet
             </H3>
           </FlexBox.Row>
 

src/ui/layouts/stackComponents/Header/CreatePipelineButton.tsx

@@ -43,14 +43,14 @@ export const CreatePipelineButton: React.FC = () => {
       paddingHorizontal="sm"
     >
       <PrimaryButton onClick={() => setCreatePipelinePopupOpen(true)}>
-        Create {camelCaseToParagraph(locationPath.split('/')[2])}
+        {camelCaseToParagraph(locationPath.split('/')[2])} Cheatsheet
       </PrimaryButton>
 
       {createPipelinePopupOpen && (
         <Popup onClose={() => setCreatePipelinePopupOpen(false)}>
           <FlexBox.Row>
             <H3 bold color="darkGrey">
-              Create {camelCaseToParagraph(locationPath.split('/')[2])}
+              {camelCaseToParagraph(locationPath.split('/')[2])} Cheatsheet
             </H3>
           </FlexBox.Row>
           {locationPath.split('/')[2] ===

src/ui/layouts/stacks/Header/CreateStackButton.tsx

@@ -40,7 +40,7 @@ export const CreateStackButton: React.FC = () => {
       paddingHorizontal="sm"
     >
       <PrimaryButton onClick={() => setCreateStackPopupOpen(true)}>
-        Create Stack
+        Stack Cheatsheet
       </PrimaryButton>
 
       {createStackPopupOpen && (