From f9c864354a2fd20818da3a815bc6823afd5fe8c2 Mon Sep 17 00:00:00 2001
From: mirrorgo <cloudmirrorgo@163.com>
Date: Sun, 1 Sep 2024 12:04:05 +1000
Subject: [PATCH 1/2] docs: add lucide, mdi, and iconfont to the project for
 icons

---
 README.md | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 908b025..ff60154 100644
--- a/README.md
+++ b/README.md
@@ -5,7 +5,7 @@
 ## Team Member
 
 | Name        | Roles                               |
-|-------------|-------------------------------------|
+| ----------- | ----------------------------------- |
 | Aaron Lee   | Technical Officer/Client Liaison    |
 | Emily Zhang | Project Manager/Front-end Developer |
 | Yilin Lyu   | Scrum Mater/Front-end Developer     |
@@ -27,6 +27,10 @@
 - zustand
 - jest
 - husky
+- icons
+  - [lucide](https://lucide.dev/icons/)
+  - [mdi](https://pictogrammers.com/library/mdi/)
+  - [iconfont](https://www.iconfont.cn/)
 
 # Environment and Tools
 

From f1e6f9c5f8ab2c9e90e70879c2522f9ecbb2ba9a Mon Sep 17 00:00:00 2001
From: mirrorgo <cloudmirrorgo@163.com>
Date: Sun, 1 Sep 2024 12:04:27 +1000
Subject: [PATCH 2/2] feat: Add icons to InnerComponent

---
 app/new-page/components/inner-component.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/app/new-page/components/inner-component.tsx b/app/new-page/components/inner-component.tsx
index d9695ba..282da55 100644
--- a/app/new-page/components/inner-component.tsx
+++ b/app/new-page/components/inner-component.tsx
@@ -1,5 +1,16 @@
+import { GitBranch, X } from "lucide-react";
+
 function InnerComponent() {
-  return <div>InnerComponent</div>;
+  return (
+    <div>
+      <div>InnerComponent</div>
+      {/* 图标一般就用 https://lucide.dev/icons/*/}
+      <div className="flex w-2/3 justify-between">
+        <X />
+        <GitBranch />
+      </div>
+    </div>
+  );
 }
 
 export default InnerComponent;