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

add side widget button color param

Browse Source
This commit is contained in:
nflnkr 2024-05-02 21:51:05 +03:00
parent 75691a564b
commit 037adc12a3
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/widgets/side/QuizSideButton.tsx
View File

@ -10,9 +10,10 @@ const PADDING = 10;
interface Props {
quizId: string;
position: "left" | "right";
buttonColor?: string;
}
export default function QuizSideButton({ quizId, position }: Props) {
export default function QuizSideButton({ quizId, position, buttonColor }: Props) {
const [isQuizShown, setIsQuizShown] = useState<boolean>(false);
return createPortal(
@ -53,6 +54,7 @@ export default function QuizSideButton({ quizId, position }: Props) {
position: "fixed",
height: "70px",
width: `calc(min(calc(100% - ${PADDING * 2}px), 600px))`,
color: buttonColor,
},
position === "left" && {
bottom: PADDING,

5
src/widgets/side/SideWidget.tsx
View File

@ -7,7 +7,9 @@ export class SideWidget {
root: Root | undefined;
element = document.createElement("div");
constructor({ quizId, position }: ComponentPropsWithoutRef<typeof QuizSideButton>) {
constructor({ quizId, position, buttonColor }: ComponentPropsWithoutRef<typeof QuizSideButton> & {
buttonColor?: string;
}) {
this.element.style.setProperty("display", "none");
document.body.appendChild(this.element);
@ -17,6 +19,7 @@ export class SideWidget {
<QuizSideButton
quizId={quizId}
position={position}
buttonColor={buttonColor}
/>
);
}