diff options
Diffstat (limited to 'frontend/src/components/ConfigModal.tsx')
| -rw-r--r-- | frontend/src/components/ConfigModal.tsx | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/frontend/src/components/ConfigModal.tsx b/frontend/src/components/ConfigModal.tsx new file mode 100644 index 0000000..e7b1f9f --- /dev/null +++ b/frontend/src/components/ConfigModal.tsx @@ -0,0 +1,44 @@ +import React from 'react' + +type Props = { + isOpen: boolean + onClose: () => void + skipIntro: boolean + onSkipIntroChange: (skip: boolean) => void +} + +export const ConfigModal: React.FC<Props> = ({ isOpen, onClose, skipIntro, onSkipIntroChange }) => { + if (!isOpen) return null + + return ( + <div className="modal-overlay" onClick={onClose}> + <div className="config-modal" onClick={e => e.stopPropagation()}> + <div className="modal-header"> + <h2>Configuration</h2> + <button className="close-btn" onClick={onClose}>×</button> + </div> + + <div className="modal-content"> + <div className="config-option"> + <label className="config-label"> + <input + type="checkbox" + checked={skipIntro} + onChange={e => onSkipIntroChange(e.target.checked)} + className="config-checkbox" + /> + <span className="config-text">Skip Intro</span> + </label> + <div className="config-description"> + Skip the loading screen animation on startup + </div> + </div> + </div> + + <div className="modal-footer"> + <button className="modal-btn" onClick={onClose}>Close</button> + </div> + </div> + </div> + ) +}
\ No newline at end of file |