feat(CP): add icon

sexyoung · Jul 20, 2023 · 2b09555 · 2b09555
1 parent 68dc1b6
commit 2b09555
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/app/components/star.tsx → app/components/icons.tsx b/app/components/star.tsx → 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
@@ -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>
   );