fix: white belt style (#200)

coderdojobraga · Oct 11, 2023 · 4dc9977 · 4dc9977
1 parent a653742
commit 4dc9977
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/apps/app/components/Belt/index.js b/apps/app/components/Belt/index.js
@@ -4,8 +4,14 @@ import { BELT_PT } from "~/lib/belt";
 import styles from "./style.module.css";
 
 export default function Belt({ belt }) {
+  const isWhite = belt === "white";
+
   return (
-    <Tag className={!belt ? styles.nobelt : styles.capitalize} color={belt}>
+    <Tag
+      className={!belt ? styles.nobelt : styles.capitalize}
+      color={belt}
+      style={isWhite ? { border: "1px solid grey", color: "grey" } : {}}
+    >
       {!belt ? BELT_PT[""] : BELT_PT[belt]}
     </Tag>
   );