cboard-org/cboard

Summary Recorded tile sounds are uploaded with a hardcoded .mp3 filename, but the actual recording format depends on the browser. We should derive the correct file extension from the audio's real MIME type instead of assuming .mp3. Background VoiceRecorder uses MediaRecorder with no explicit mimeType, so the output format is browser-dependent: Chrome → audio/webm Firefox → audio/ogg Safari → audio/mp4 The base64 sound is later uploaded to /media. Both upload paths name the file .mp3 regardless of the real format: src/api/api.js — uploadTileSoundMedia calls uploadFromDataURL(tile.sound, ${tile.id}.mp3) src/components/Board/Board.container.js — uploadTileSound uploads userData.email + '.mp3' and also hardcodes the Blob type to audio/mp3; codecs=opus Is this currently breaking anything? No — this is a cleanup / correctness-polish task, not a live bug. The media server appears to infer content-type from the upload's MIME type, not the filename extension (evidence: tile imag

Summary Convert Export from a class component to a functional component. This aligns with the rest of the codebase's direction and removes unnecessary boilerplate. What changes State — replace 7 this.state fields with individual useState calls: exportSingleBoard, exportAllBoard, singleBoard, labelFontSize, loadingSingle, loadingAll, boardError Methods — convert class methods to regular functions / useCallback: handleBoardChange, handleSizeChange, handleSingleBoardChange, handleAllBoardChange, handleSingleExport, handleAllExport Dead code removal — openMenu and closeMenu are defined but never called and exportMenu is never read in render. Remove them. Custom hook Extract a useExportLoading hook at the top of Export.component.js (not a separate file — it's only used here). Both handleSingleExport and handleAllExport share the same pattern: set a loading flag → call onExportClick with a done-callback → clear the flag. Extracting it avoids duplicating that logic: function u