+ |
+ {memberDisplay}
+ |
+
+ {member.experience.toLocaleString()}
+ |
+
+ {member.messages.toLocaleString()}
+ |
+
+ {member.level.toString()}
+ |
+
+ {userHasRole ? : 'No role'}
+ |
+
+
+ >
+ );
+}
\ No newline at end of file
diff --git a/ui/experience-tracking/src/components/RoleDisplay.tsx b/ui/experience-tracking/src/components/RoleDisplay.tsx
new file mode 100644
index 000000000..c0017b81b
--- /dev/null
+++ b/ui/experience-tracking/src/components/RoleDisplay.tsx
@@ -0,0 +1,12 @@
+import {Role} from "../data/leaderboard";
+import createStyle from "../utils/styleUtils";
+
+export const RoleDisplay = ({role}: { role: Role | null }) => {
+ const roleColor = createStyle(role);
+ let roleDisplay = role !== null && role.name !== null ?