Bitzzh

import React, { useEffect, useState } from 'react'

type Props = { onDone: () => void }

export default function Splash({ onDone }: Props) {
  const [phase, setPhase] = useState(0)
  const [username, setUsername] = useState('')
  const [password, setPassword] = useState('')
  const [role, setRole] = useState('OPERATOR')
  const [error, setError] = useState('')

Bitzzh

import React, { useState, useEffect, useRef } from 'react'
import Splash from './Splash'

type Song = { id: number; title: string; hymn_number: number; source: string; language: string }
type Section = { id: number; song_id: number; type: string; order_num: number; content: string }
type Display = { id: number; label: string; isPrimary: boolean }
type DailyVerse = { book: string; chapter: number; verse: number; text: string; version: string }
type BibleVerse = { id: number; book: string; chapter: number; verse: number; text: string; version: string }
type QueueItem = { id: string; title: string; type: string }
type ActiveTab = 'hymnal' | 'bible' | 'songs' | 'daily' | 'queue' | 'timer' | 'backgrounds' | 'stage' | 'themes' | 'add' | 'import' | 'export' | 'settings'