giers10/lang-quiz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove compact video toggle and meta box from EntryPage

Browse Source
This commit is contained in:
Victor Giers
2026-01-07 23:34:57 +01:00
parent 11a20cf0f8
commit 5f0eabcac1
1 changed files with 1 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
client/src/pages/EntryPage.tsx
View File

@@ -12,7 +12,6 @@ export default function EntryPage() {
const [entry, setEntry] = useState<EntryDetail | null>(null); const [entry, setEntry] = useState<EntryDetail | null>(null);
const [loading, setLoading] = useState(true); const [loading, setLoading] = useState(true);
const [error, setError] = useState<string | null>(null); const [error, setError] = useState<string | null>(null);
const [compactVideo, setCompactVideo] = useState(true);
const entryId = useMemo(() => { const entryId = useMemo(() => {
try { try {
@@ -72,12 +71,7 @@ export default function EntryPage() {
</div> </div>
<div className="video-row"> <div className="video-row">
<VideoPlayer src={entry.video_url} variant={compactVideo ? 'compact' : 'wide'} /> <VideoPlayer src={entry.video_url} variant="compact" />
<div className="video-actions">
<button className="button button--ghost" onClick={() => setCompactVideo((v) => !v)}>
{compactVideo ? 'Enlarge video' : 'Compact video'}
</button>
</div>
</div> </div>
{ig && ( {ig && (
<div className="ig-block"> <div className="ig-block">
@@ -117,21 +111,6 @@ export default function EntryPage() {
</div> </div>
)} )}
<div className="meta-box">
<div>
<div className="label">Mode</div>
<div>{entry.meta?.mode || 'n/a'}</div>
</div>
<div>
<div className="label">Type</div>
<div>{entry.meta?.type || 'n/a'}</div>
</div>
<div>
<div className="label">Entry ID</div>
<div className="muted code">{entry.id}</div>
</div>
</div>
<GrammarPanel items={entry.items?.grammar} /> <GrammarPanel items={entry.items?.grammar} />
<VocabPanel items={entry.items?.vocab} /> <VocabPanel items={entry.items?.vocab} />
<KeyPhrasePanel items={entry.items?.key_phrases} /> <KeyPhrasePanel items={entry.items?.key_phrases} />