refactor: Convert Rank component to use TypeScript

Amsterdam-Music-Lab · Jun 19, 2024 · e459c53 · e459c53
1 parent e2f1572
commit e459c53
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/frontend/src/components/Rank/Rank.jsx → frontend/src/components/Rank/Rank.tsx b/frontend/src/components/Rank/Rank.jsx → frontend/src/components/Rank/Rank.tsx
@@ -1,8 +1,14 @@
-import React from "react";
 import classNames from "classnames";
 
+interface RankProps {
+    rank: {
+        class: string;
+        text: string;
+    };
+}
+
 // Rank shows a decorated representation of a rank
-const Rank = ({ rank }) => {
+const Rank = ({ rank }: RankProps) => {
     return (
         <div
             className={classNames("aha__rank", rank.class, {