Docs(web-react): Make example Modal actions work

Also, remove unused `Modal` example.
lmc-eu · Jan 15, 2024 · b1d558b · b1d558b
1 parent 531a9d9
commit b1d558b
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 69 deletions.
diff --git a/packages/web-react/src/components/Modal/demo/ModalDefault.tsx b/packages/web-react/src/components/Modal/demo/ModalDefault.tsx
@@ -79,10 +79,8 @@ const ModalDefault = () => {
             </form>
           </ModalBody>
           <ModalFooter description="Optional description" alignmentX={footerAlign}>
-            <Button data-spirit-dismiss="modal" data-spirit-target="#example_basic">
-              Primary action
-            </Button>
-            <Button color="secondary" data-spirit-dismiss="modal" data-spirit-target="#example_basic">
+            <Button onClick={handleFirstClose}>Primary action</Button>
+            <Button color="secondary" onClick={handleFirstClose}>
               Secondary action
             </Button>
           </ModalFooter>
@@ -103,7 +101,7 @@ const ModalDefault = () => {
           </ModalBody>
           <ModalFooter>
             <Button type="submit">Primary action</Button>
-            <Button color="secondary" data-spirit-dismiss="modal" data-spirit-target="#example_form">
+            <Button color="secondary" onClick={handleSecondClose}>
               Secondary action
             </Button>
           </ModalFooter>
@@ -137,8 +135,8 @@ const ModalDefault = () => {
             </p>
           </ModalBody>
           <ModalFooter>
-            <Button type="submit">Primary action</Button>
-            <Button color="secondary" data-spirit-dismiss="modal" data-spirit-target="#example_custom_height">
+            <Button onClick={handleThirdClose}>Primary action</Button>
+            <Button color="secondary" onClick={handleThirdClose}>
               Secondary action
             </Button>
           </ModalFooter>

diff --git a/packages/web-react/src/components/Modal/demo/ModalDisabledBackdropClick.tsx b/packages/web-react/src/components/Modal/demo/ModalDisabledBackdropClick.tsx
@@ -21,9 +21,7 @@ const ModalDisabledBackdropClick = () => {
             </p>
           </ModalBody>
           <ModalFooter>
-            <Button color="primary" onClick={handleClose}>
-              Primary action
-            </Button>
+            <Button onClick={handleClose}>Primary action</Button>
             <Button color="secondary" onClick={handleClose}>
               Secondary action
             </Button>

diff --git a/packages/web-react/src/components/Modal/demo/ModalStacked.tsx b/packages/web-react/src/components/Modal/demo/ModalStacked.tsx
@@ -65,9 +65,7 @@ const Story = (props: unknown) => {
             </p>
           </ModalBody>
           <ModalFooter>
-            <Button color="primary" onClick={toggleSecondModal}>
-              Open stacked
-            </Button>
+            <Button onClick={toggleSecondModal}>Open stacked</Button>
             <Button color="tertiary" onClick={handleFirstClose}>
               Cancel
             </Button>

diff --git a/packages/web-react/src/components/Modal/demo/ModalWithCheckbox.tsx b/packages/web-react/src/components/Modal/demo/ModalWithCheckbox.tsx