Refactor: AssignDomainDialog using Modal component

packages/frontend/src/components/projects/project/deployments/AssignDomainDialog.tsx

@@ -1,13 +1,8 @@
 import { CopyBlock, atomOneLight } from 'react-code-blocks';
 import { Link } from 'react-router-dom';
 
-import {
+import { Modal } from 'components/shared/Modal';
-  Button,
+import { Button } from 'components/shared/Button';
-  Dialog,
-  DialogHeader,
-  DialogBody,
-  DialogFooter,
-} from '@snowballtools/material-tailwind-react-fork';
 
 interface AssignDomainProps {
   open: boolean;
@@ -16,36 +11,31 @@ interface AssignDomainProps {
 
 const AssignDomainDialog = ({ open, handleOpen }: AssignDomainProps) => {
   return (
-    <Dialog open={open} handler={handleOpen}>
+    <Modal open={open} onOpenChange={handleOpen}>
-      <DialogHeader>Assign Domain</DialogHeader>
+      <Modal.Content>
-      <DialogBody>
+        <Modal.Header>Assign Domain</Modal.Header>
-        In order to assign a domain to your production deployments, configure it
+        <Modal.Body>
-        in the{' '}
+          In order to assign a domain to your production deployments, configure
-        {/* TODO: Fix selection of project settings tab on navigation to domains */}
+          it in the{' '}
-        <Link to="../settings/domains" className="text-light-blue-800 inline">
+          {/* TODO: Fix selection of project settings tab on navigation to domains */}
-          project settings{' '}
+          <Link to="../settings/domains" className="text-light-blue-800 inline">
-        </Link>
+            project settings{' '}
-        (recommended). If you want to assign to this specific deployment,
+          </Link>
-        however, you can do so using our command-line interface:
+          (recommended). If you want to assign to this specific deployment,
-        {/* https://github.com/rajinwonderland/react-code-blocks/issues/138 */}
+          however, you can do so using our command-line interface:
-        <CopyBlock
+          {/* https://github.com/rajinwonderland/react-code-blocks/issues/138 */}
-          text="snowball alias <deployment> <domain>"
+          <CopyBlock
-          language=""
+            text="snowball alias <deployment> <domain>"
-          showLineNumbers={false}
+            language=""
-          theme={atomOneLight}
+            showLineNumbers={false}
-        />
+            theme={atomOneLight}
-      </DialogBody>
+          />
-      <DialogFooter className="flex justify-start">
+        </Modal.Body>
-        <Button
+        <Modal.Footer className="flex justify-start">
-          className="rounded-3xl"
+          <Button onClick={handleOpen}>Okay</Button>
-          variant="gradient"
+        </Modal.Footer>
-          color="blue"
+      </Modal.Content>
-          onClick={handleOpen}
+    </Modal>
-        >
-          <span>Okay</span>
-        </Button>
-      </DialogFooter>
-    </Dialog>
   );
 };