+
Quel joueur voulez-vous interroger ?
+
+
+ {players.map((player, index) => (
+ player.id !== socket.id &&
+
+ ))}
+
+
+ );
+};
+
+export default ChoiceBar;
\ No newline at end of file
diff --git a/cryptide_project/src/Components/ColoredIndices.tsx b/cryptide_project/src/Components/ColoredIndices.tsx
new file mode 100644
index 0000000..e8f8c4a
--- /dev/null
+++ b/cryptide_project/src/Components/ColoredIndices.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import '../Style/Global.css';
+import { FormattedMessage } from 'react-intl';
+
+import { useTheme } from '../Style/ThemeContext';
+
+//@ts-ignore
+function ColoredIndices({ letter, color}) {
+
+ const theme = useTheme();
+
+ // const mystyle = {
+ // backgroundColor: "#0064E0",
+ // };
+
+ return (
+