jyapayne/kaboot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update UI

Browse source
This commit is contained in:
Joey Yakimowich-Payne 2026-01-13 11:28:39 -07:00
commit 2aafe8fce9
No known key found for this signature in database
GPG key ID: DDF6AF5B21B407D4
4 changed files with 119 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

7
components/Lobby.tsx
View file

@ -1,7 +1,8 @@
import React from 'react';
import { Player } from '../types';
import { motion, AnimatePresence } from 'framer-motion';
import { User, Sparkles } from 'lucide-react';
import { Sparkles, User } from 'lucide-react';
import { PlayerAvatar } from './PlayerAvatar';
interface LobbyProps {
quizTitle: string;
@ -60,9 +61,7 @@ export const Lobby: React.FC<LobbyProps> = ({ quizTitle, players, gamePin, role,
exit={{ scale: 0, opacity: 0 }}
className="bg-white text-black px-6 py-3 rounded-full font-black text-xl shadow-[0_4px_0_rgba(0,0,0,0.2)] flex items-center gap-3 border-b-4 border-gray-200"
>
<div className={`p-2 rounded-full bg-gradient-to-br from-purple-400 to-blue-500 text-white`}>
<User size={20} />
</div>
<PlayerAvatar seed={player.avatarSeed} size={20} />
{player.name}
</motion.div>
))}