match style of main index page (#996)

bcgov · Mar 1, 2024 · a51afa6 · a51afa6
1 parent 5f3e6d0
commit a51afa6
Show file tree

Hide file tree

Showing 3 changed files with 54 additions and 22 deletions.
diff --git a/.github/workflows/ci-feat-url.yml b/.github/workflows/ci-feat-url.yml
@@ -0,0 +1,28 @@
+name: Add URL to Feature PRs
+
+on:
+  pull_request:
+    branches: 
+      - dev
+
+jobs:
+  comment:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Set KEBAB_CASE_BRANCH
+        run: |
+          # Convert github.head_ref to kebab case
+          kebab_case=$(echo "${{ github.head_ref }}" | sed 's/_/-/g; s/\//-/g')
+          echo "::set-output name=KEBAB_CASE_BRANCH::${kebab_case}"
+        id: set-branch-id
+
+      - name: Check the KEBAB_CASE_BRANCH output
+        run: echo "The KEBAB_CASE_BRANCH is ${{ steps.set-branch-id.outputs.KEBAB_CASE_BRANCH }}"
+
+      - name: PR Description
+        if: startsWith(github.head_ref, 'feature/') == true
+        uses: bcgov-nr/action-pr-description-add@v1.1.1
+        with:
+          add_markdown: |
+            ---
+            🚀 Feature branch deployment: https://api-services-portal-${{ steps.set-branch-id.outputs.KEBAB_CASE_BRANCH }}.apps.silver.devops.gov.bc.ca
diff --git a/src/nextapp/pages/devportal/index.tsx b/src/nextapp/pages/devportal/index.tsx
@@ -68,17 +68,19 @@ const HomePage: React.FC = () => {
             )
             .map((action) => (
               <Card key={action.url}>
-                <Heading size="md" mb={2}>
-                  <NextLink passHref href={action.url}>
-                    <Link color="bc-link" display="flex" alignItems="center">
-                      <Icon as={action.icon} color="bc-yellow" mr={2} />
-                      {action.title}
-                    </Link>
-                  </NextLink>
-                </Heading>
-                <p>
-                  {action.description}
-                </p>
+                <Box p={4}>
+                  <Heading size="md" mb={2}>
+                    <NextLink passHref href={action.url}>
+                      <Link color="bc-link" display="flex" alignItems="center">
+                        <Icon as={action.icon} color="bc-yellow" mr={2} />
+                        {action.title}
+                      </Link>
+                    </NextLink>
+                  </Heading>
+                  <p>
+                    {action.description}
+                  </p>
+                </Box>
               </Card>
             ))}
         </GridLayout>

diff --git a/src/nextapp/pages/manager/index.tsx b/src/nextapp/pages/manager/index.tsx
@@ -67,17 +67,19 @@ const HomePage: React.FC = () => {
             )
             .map((action) => (
               <Card key={action.url}>
-                <Heading size="md" mb={2}>
-                  <NextLink passHref href={action.url}>
-                    <Link color="bc-link" display="flex" alignItems="center">
-                      <Icon as={action.icon} color="bc-yellow" mr={2} />
-                      {action.title}
-                    </Link>
-                  </NextLink>
-                </Heading>
-                <p>
-                  {action.description}
-                </p>
+                <Box p={4}>
+                  <Heading size="md" mb={2}>
+                    <NextLink passHref href={action.url}>
+                      <Link color="bc-link" display="flex" alignItems="center">
+                        <Icon as={action.icon} color="bc-yellow" mr={2} />
+                        {action.title}
+                      </Link>
+                    </NextLink>
+                  </Heading>
+                  <p>
+                    {action.description}
+                  </p>
+                </Box>
               </Card>
             ))}
         </GridLayout>