SQuiz/frontAnswerer
2
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

add className prop to QuizAnswerer container

Browse Source
This commit is contained in:
nflnkr 2024-04-16 22:18:55 +03:00
parent 56be4ff736
commit 9a8df75a69
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
lib/components/QuizAnswerer.tsx
View File

@ -27,9 +27,10 @@ type Props = {
quizId: string; quizId: string;
preview?: boolean; preview?: boolean;
changeFaviconAndTitle?: boolean; changeFaviconAndTitle?: boolean;
className?: string;
}; };
export default function QuizAnswerer({ quizSettings, quizId, preview = false, changeFaviconAndTitle = true }: Props) { export default function QuizAnswerer({ quizSettings, quizId, preview = false, changeFaviconAndTitle = true, className }: Props) {
const [quizViewStore] = useState(createQuizViewStore); const [quizViewStore] = useState(createQuizViewStore);
const [rootContainerWidth, setRootContainerWidth] = useState<number>(() => window.innerWidth); const [rootContainerWidth, setRootContainerWidth] = useState<number>(() => window.innerWidth);
const rootContainerRef = useRef<HTMLDivElement>(null); const rootContainerRef = useRef<HTMLDivElement>(null);
@ -96,6 +97,7 @@ export default function QuizAnswerer({ quizSettings, quizId, preview = false, ch
<CssBaseline /> <CssBaseline />
<Box <Box
ref={rootContainerRef} ref={rootContainerRef}
className={className}
sx={{ sx={{
width: "100%", width: "100%",
height: "100%", height: "100%",