From f37910d6841905ae49a93fd2f8e1797831f231f3 Mon Sep 17 00:00:00 2001
From: Vio <vio@beanon.com>
Date: Sun, 30 Apr 2023 11:17:32 +0200
Subject: [PATCH 1/3] build: Fix dev mode

---
 package.json      | 2 +-
 webpack.config.js | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index a7a1f6f..04d4c7d 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "description": "@relative-ci/agent webpack plugin setup example for Github Action",
   "main": "index.js",
   "scripts": {
-    "start": "webpack-dev-server",
+    "start": "webpack serve",
     "build": "webpack --mode production --json artifacts/webpack-stats.json",
     "test": "echo \"Error: no test specified\" && exit 0"
   },
diff --git a/webpack.config.js b/webpack.config.js
index c72d37e..30887ef 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -95,6 +95,7 @@ module.exports = (_, { mode }) => {
       }),
     ],
     devServer: {
+      port: 9000,
       hot: true,
       inline: true
     }

From cae6cb494f9b018c5c304483838bcc2543b77b18 Mon Sep 17 00:00:00 2001
From: Vio <vio@beanon.com>
Date: Sun, 30 Apr 2023 14:03:28 +0200
Subject: [PATCH 2/3] Add footer

---
 src/components/layout.jsx        | 3 +++
 src/components/layout.module.css | 5 +++++
 2 files changed, 8 insertions(+)

diff --git a/src/components/layout.jsx b/src/components/layout.jsx
index eb97c9c..6d93319 100644
--- a/src/components/layout.jsx
+++ b/src/components/layout.jsx
@@ -20,6 +20,9 @@ export const Layout = (props) => {
       <main className={css.main}>
         {children}
       </main>
+      <footer className={css.footer}>
+        Made by <a href="https://relative-ci.com">RelativeCI</a>
+      </footer>
     </div>
   );
 };
diff --git a/src/components/layout.module.css b/src/components/layout.module.css
index 482bd0c..354b6fe 100644
--- a/src/components/layout.module.css
+++ b/src/components/layout.module.css
@@ -21,3 +21,8 @@
 .main {
   padding: 16px 24px;
 }
+
+.footer {
+  padding: 16px 24px;
+  text-align: center;
+}

From 732ec4245a1541d80e53ccfbda80816724b2ce9d Mon Sep 17 00:00:00 2001
From: Vio <vio@beanon.com>
Date: Sun, 30 Apr 2023 14:09:36 +0200
Subject: [PATCH 3/3] Add footer icon

---
 package-lock.json                | 15 +++++++++++++++
 package.json                     |  1 +
 src/components/layout.jsx        |  6 +++++-
 src/components/layout.module.css |  1 +
 4 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/package-lock.json b/package-lock.json
index 1737b04..313f4c6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
       "license": "MIT",
       "dependencies": {
         "antd": "^4.6.5",
+        "lucide-react": "^0.188.0",
         "react": "^16.13.1",
         "react-dom": "^16.13.1"
       },
@@ -8859,6 +8860,14 @@
         "node": ">=10"
       }
     },
+    "node_modules/lucide-react": {
+      "version": "0.188.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.188.0.tgz",
+      "integrity": "sha512-c27NaQoiGp1Spz2NPcCjV1EFAOWICPq0Wq+uxyXUUAzgSC0jCMJCztcyZ5ABr2RO/ivd9ZEnFEldSX50ZYAKkQ==",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/make-dir": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
@@ -23725,6 +23734,12 @@
         "yallist": "^4.0.0"
       }
     },
+    "lucide-react": {
+      "version": "0.188.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.188.0.tgz",
+      "integrity": "sha512-c27NaQoiGp1Spz2NPcCjV1EFAOWICPq0Wq+uxyXUUAzgSC0jCMJCztcyZ5ABr2RO/ivd9ZEnFEldSX50ZYAKkQ==",
+      "requires": {}
+    },
     "make-dir": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
diff --git a/package.json b/package.json
index 04d4c7d..7c7d44d 100644
--- a/package.json
+++ b/package.json
@@ -41,6 +41,7 @@
   },
   "dependencies": {
     "antd": "^4.6.5",
+    "lucide-react": "^0.188.0",
     "react": "^16.13.1",
     "react-dom": "^16.13.1"
   }
diff --git a/src/components/layout.jsx b/src/components/layout.jsx
index 6d93319..cccae7f 100644
--- a/src/components/layout.jsx
+++ b/src/components/layout.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Typography } from 'antd'
+import { Factory } from 'lucide-react';
 
 import logoUrl from '../assets/relative-ci--logo.png';
 import css from './layout.module.css';
@@ -21,7 +22,10 @@ export const Layout = (props) => {
         {children}
       </main>
       <footer className={css.footer}>
-        Made by <a href="https://relative-ci.com">RelativeCI</a>
+        <Factory width="32" />
+        <Typography.Paragraph>
+            Made by <a href="https://relative-ci.com">RelativeCI</a>
+        </Typography.Paragraph>
       </footer>
     </div>
   );
diff --git a/src/components/layout.module.css b/src/components/layout.module.css
index 354b6fe..678d923 100644
--- a/src/components/layout.module.css
+++ b/src/components/layout.module.css
@@ -24,5 +24,6 @@
 
 .footer {
   padding: 16px 24px;
+  color: lightgray;
   text-align: center;
 }