From 2b09555266c5baea5454aac5ae587a2122de5b61 Mon Sep 17 00:00:00 2001
From: Kelly <kellyu621@gmail.com>
Date: Fri, 21 Jul 2023 02:33:22 +0900
Subject: [PATCH] feat(CP): add icon

---
 app/components/{star.tsx => icons.tsx} | 10 +++++++++-
 app/routes/($lang).curing.tsx          |  4 +++-
 2 files changed, 12 insertions(+), 2 deletions(-)
 rename app/components/{star.tsx => icons.tsx} (61%)

diff --git a/app/components/star.tsx b/app/components/icons.tsx
similarity index 61%
rename from app/components/star.tsx
rename to app/components/icons.tsx
index 4b28165..1a8e845 100644
--- a/app/components/star.tsx
+++ b/app/components/icons.tsx
@@ -1,4 +1,4 @@
-import { faStar } from "@fortawesome/free-solid-svg-icons";
+import { faCircleArrowDown, faStar } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 export const StarCheck = () => {
@@ -16,3 +16,11 @@ export const StarUnCheck = () => {
     </div>
   );
 };
+
+export const ArrowAltCircleDown = () => {
+  return (
+    <div className="mx-auto my-[10px] h-[50px] w-[50px]">
+      <FontAwesomeIcon icon={faCircleArrowDown} color="#B1C951" />
+    </div>
+  );
+};
diff --git a/app/routes/($lang).curing.tsx b/app/routes/($lang).curing.tsx
index 35e86f1..7a6c297 100644
--- a/app/routes/($lang).curing.tsx
+++ b/app/routes/($lang).curing.tsx
@@ -1,5 +1,5 @@
 import type { LinksFunction, V2_MetaFunction } from "@remix-run/node";
-import { StarCheck, StarUnCheck } from "~/components/star";
+import { ArrowAltCircleDown, StarCheck, StarUnCheck } from "~/components/icons";
 import stylesheet from "~/styles/curing.css";
 
 export const links: LinksFunction = () => [
@@ -114,6 +114,8 @@ export default function () {
             </tr>
           </table>
         </div>
+        <ArrowAltCircleDown />
+        <i className="fa fa-arrow-circle-o-down" aria-hidden="true"></i>
       </div>
     </div>
   );