Przeglądaj źródła

Add helper and docs link to env group on stack launch flow

jnfrati 3 lat temu
rodzic
commit
122ad3912c

+ 14 - 1
dashboard/src/main/home/cluster-dashboard/stacks/launch/Overview.tsx

@@ -20,6 +20,7 @@ import TitleSection from "components/TitleSection";
 import DynamicLink from "components/DynamicLink";
 import { hardcodedIcons } from "shared/hardcodedNameDict";
 import sliders from "assets/sliders.svg";
+import DocsHelper from "components/DocsHelper";
 
 const Overview = () => {
   const {
@@ -151,7 +152,15 @@ const Overview = () => {
         />
       </ClusterSection>
 
-      <Heading>Env Groups</Heading>
+      <Heading>
+        Env Groups
+        <InlineDocsHelper
+          disableMargin={true}
+          tooltipText="Environment Groups"
+          link="https://docs.porter.run/deploying-applications/environment-groups"
+        />
+      </Heading>
+      <Helper>Add scoped environment groups to this stack:</Helper>
       <Card.Grid>
         {newStack.env_groups.map((envGroup) => (
           <Card.Wrapper variant="unclickable">
@@ -300,3 +309,7 @@ const Icon = styled.div`
     color: #aaaabb;
   }
 `;
+
+const InlineDocsHelper = styled(DocsHelper)`
+  display: inline-block;
+`;