-
-
Notifications
You must be signed in to change notification settings - Fork 58
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
refactor: move modal content out of app
- Loading branch information
1 parent
7e0b5eb
commit 51105e6
Showing
2 changed files
with
32 additions
and
28 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
30 changes: 30 additions & 0 deletions
30
GUI/ETVR/src/components/Camera/CameraSettingsModal/index.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,30 @@ | ||
import { setOpenModal } from '@src/store/ui/ui' | ||
import { BUTTON } from '@static/custom/button' | ||
|
||
const CameraSettingsModal = () => { | ||
return ( | ||
<div> | ||
<div class="mt-2"> | ||
<div class="text-sm text-100 dark:text-gray-50"> | ||
This is a modal window. You can do the following things with it: | ||
<br /> | ||
<ul class="mt-2 list-disc list-inside text-sm text-gray-600 dark:text-gray-400"> | ||
<li>Read more information about a context</li> | ||
<li>Find similar contexts</li> | ||
<li> | ||
Close this modal by clicking the background overlay or pressing the | ||
button below | ||
</li> | ||
</ul> | ||
</div> | ||
</div> | ||
<div class="mt-4"> | ||
<button type="button" class={BUTTON} onClick={() => setOpenModal(false)}> | ||
Got it, thanks! | ||
</button> | ||
</div> | ||
</div> | ||
) | ||
} | ||
|
||
export default CameraSettingsModal |