add comments widget

Aero56 · Nov 2, 2023 · 73aadc3 · 73aadc3
1 parent 01c365f
commit 73aadc3
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/src/components/Comments.tsx b/src/components/Comments.tsx
@@ -0,0 +1,12 @@
+const Comments = () => {
+  return (
+    <div className="col-span-1 rounded-xl bg-black-pearl-900 sm:col-span-5">
+      <div className="flex items-center justify-between rounded-t-xl border-b-2 border-black-pearl-700 bg-black-pearl-800 p-4 font-semibold">
+        Comments
+      </div>
+      <div className="p-4">This guy sucks</div>
+    </div>
+  );
+};
+
+export default Comments;
diff --git a/src/pages/Player.tsx b/src/pages/Player.tsx
@@ -6,6 +6,7 @@ import Stats from '@components/Stats';
 import PlayerVote from '@components/PlayerVote';
 import Description from '@components/Description';
 import { useAuth } from '@contexts/AuthContext';
+import Comments from '@components/Comments';
 
 const Player = () => {
   const { user } = useAuth();
@@ -48,6 +49,7 @@ const Player = () => {
           </p>
         </div>
         {player.stats && <Stats stats={player.stats} />}
+        <Comments />
       </div>
     </div>
   );