From f67f94cc3952003aaae1f1ec308475b764b3b8dc Mon Sep 17 00:00:00 2001
From: Nyoman Sunima <nyomansunima@gmail.com>
Date: Sat, 16 Nov 2024 20:29:07 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=95=20ci:=20udpate=20the=20devops=20se?=
 =?UTF-8?q?ttings?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/workflows/beautify.yml                       |  1 +
 .github/workflows/lighthouse.yml                     | 11 +++++++++--
 .github/workflows/web-production.yml                 |  5 +++++
 src/features/journeys/components/experience-item.tsx |  2 +-
 src/features/stories/components/publication.tsx      |  2 +-
 src/features/stories/components/recent-item.tsx      |  2 +-
 src/shared/components/footer.tsx                     |  2 +-
 7 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/.github/workflows/beautify.yml b/.github/workflows/beautify.yml
index 5f5cf08..3c80369 100644
--- a/.github/workflows/beautify.yml
+++ b/.github/workflows/beautify.yml
@@ -32,6 +32,7 @@ jobs:
   format:
     name: Format Code
     runs-on: ubuntu-latest
+    needs: lint
     steps:
       - name: Checkout the code
         uses: actions/checkout@v4
diff --git a/.github/workflows/lighthouse.yml b/.github/workflows/lighthouse.yml
index ec34d47..b224e5a 100644
--- a/.github/workflows/lighthouse.yml
+++ b/.github/workflows/lighthouse.yml
@@ -8,8 +8,15 @@
 name: Lighthouse
 
 on:
-  push: ['main']
-  pull_request: ['main']
+  workflow_dispatch:
+  workflow_run:
+    workflows: ['Web Production']
+    types:
+      - completed
+  push:
+    branches: ['main']
+  pull_request:
+    branches: ['main']
 
 jobs:
   lighthouse:
diff --git a/.github/workflows/web-production.yml b/.github/workflows/web-production.yml
index c6b8536..e5836c7 100644
--- a/.github/workflows/web-production.yml
+++ b/.github/workflows/web-production.yml
@@ -16,6 +16,10 @@ env:
 # and push the code into the main branch
 on:
   workflow_dispatch:
+  workflow_run:
+    workflows: ['Beautify Code']
+    types:
+      - completed
   push:
     branches: ['main']
 
@@ -23,6 +27,7 @@ jobs:
   update:
     name: Update Web App
     runs-on: ubuntu-latest
+    depends
     steps:
       - name: Checkout the code
         uses: actions/checkout@v4
diff --git a/src/features/journeys/components/experience-item.tsx b/src/features/journeys/components/experience-item.tsx
index cf1b612..df4dedc 100644
--- a/src/features/journeys/components/experience-item.tsx
+++ b/src/features/journeys/components/experience-item.tsx
@@ -26,7 +26,7 @@ export function ExperienceItem({
       >
         {team}
       </Link>
-      <div className="flex items-center gap-2">
+      <div className="flex flex-wrap items-center gap-2">
         <span className="text-foreground/40 transition-all duration-300 group-hover:text-foreground">
           {position}
         </span>
diff --git a/src/features/stories/components/publication.tsx b/src/features/stories/components/publication.tsx
index f543b6b..a36a96c 100644
--- a/src/features/stories/components/publication.tsx
+++ b/src/features/stories/components/publication.tsx
@@ -10,7 +10,7 @@ export function PublicationSection(): React.ReactElement {
     <section className="flex flex-col gap-4">
       <h3 className="text-lg font-medium">Publications:</h3>
 
-      <div className="grid grid-cols-1 tablet:grid-cols-3 gap-2 w-full">
+      <div className="grid grid-cols-2 tablet:grid-cols-3 gap-2 w-full">
         {publications.map((pub, index) => (
           <PublicationItem publication={pub} key={index} />
         ))}
diff --git a/src/features/stories/components/recent-item.tsx b/src/features/stories/components/recent-item.tsx
index 877c359..1e4bef2 100644
--- a/src/features/stories/components/recent-item.tsx
+++ b/src/features/stories/components/recent-item.tsx
@@ -19,7 +19,7 @@ export function RecentItem({ recent }: RecentItemProps): React.ReactElement {
     <Link
       href={url}
       target="_blank"
-      className="flex items-center flex-col tablet:flex-row px-4 py-3 gap-2 rounded-2xl bg-ambient border border-border transition-all duration-300 hover:-translate-y-1 group"
+      className="flex items-start tablet:items-center flex-col tablet:flex-row px-4 py-3 gap-2 rounded-2xl bg-ambient border border-border transition-all duration-300 hover:-translate-y-1 group"
     >
       <h3 className="text-sm font-medium text-pretty !leading-tight line-clamp-1 flex-grow">
         {title}
diff --git a/src/shared/components/footer.tsx b/src/shared/components/footer.tsx
index f5b69eb..f1688be 100644
--- a/src/shared/components/footer.tsx
+++ b/src/shared/components/footer.tsx
@@ -37,7 +37,7 @@ export function MenuItem({
   return (
     <li
       className={`${mergeClass(
-        'flex items-center justify-center text-sm px-2 py-1 rounded-xl bg-transparent transition-all hover:-translate-y-1 hover:text-foreground/60 duration-300',
+        'flex items-center justify-center text-sm p-1 rounded-xl bg-transparent transition-all hover:-translate-y-1 hover:text-foreground/60 duration-300',
         className,
       )}`}
     >