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

Rebrand to kaboot

Browse source
This commit is contained in:
Joey Yakimowich-Payne 2026-01-13 10:59:50 -07:00
commit 8a8ec9bc0e
No known key found for this signature in database
GPG key ID: DDF6AF5B21B407D4
8 changed files with 59 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

2
components/Landing.tsx
View file

@ -39,7 +39,7 @@ export const Landing: React.FC<LandingProps> = ({ onGenerate, onCreateManual, on
<BrainCircuit size={48} className="text-white" />
</div>
</div>
<h1 className="text-5xl font-black mb-2 text-[#46178f] tracking-tight">OpenHoot</h1>
<h1 className="text-5xl font-black mb-2 text-[#46178f] tracking-tight">Kaboot</h1>
<p className="text-gray-500 font-bold mb-6">The AI Quiz Party</p>
<div className="flex bg-gray-100 p-2 rounded-2xl mb-8">

13
components/Scoreboard.tsx
View file

@ -8,10 +8,15 @@ interface ScoreboardProps {
players: Player[];
onNext: () => void;
isHost: boolean;
currentPlayerId: string | null;
}
export const Scoreboard: React.FC<ScoreboardProps> = ({ players, onNext, isHost }) => {
const sortedPlayers = [...players].sort((a, b) => b.score - a.score).slice(0, 5);
export const Scoreboard: React.FC<ScoreboardProps> = ({ players, onNext, isHost, currentPlayerId }) => {
const playersWithDisplayName = players.map(p => ({
...p,
displayName: p.id === currentPlayerId ? `${p.name} (You)` : p.name
}));
const sortedPlayers = [...playersWithDisplayName].sort((a, b) => b.score - a.score).slice(0, 5);
return (
<div className="flex flex-col h-screen p-8">
@ -29,7 +34,7 @@ export const Scoreboard: React.FC<ScoreboardProps> = ({ players, onNext, isHost
<XAxis type="number" hide />
<YAxis
type="category"
dataKey="name"
dataKey="displayName"
tick={{ fontSize: 24, fontWeight: 800, fill: '#333', fontFamily: 'Fredoka' }}
width={200}
tickLine={false}
@ -39,7 +44,7 @@ export const Scoreboard: React.FC<ScoreboardProps> = ({ players, onNext, isHost
{sortedPlayers.map((entry, index) => (
<Cell
key={`cell-${index}`}
fill={entry.id.startsWith('host') ? '#46178f' : '#8884d8'}
fill={entry.color}
className="filter drop-shadow-md"
/>
))}