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,11 +11,12 @@ 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
+          it in the{' '}
           {/* TODO: Fix selection of project settings tab on navigation to domains */}
           <Link to="../settings/domains" className="text-light-blue-800 inline">
             project settings{' '}
@@ -34,18 +30,12 @@ const AssignDomainDialog = ({ open, handleOpen }: AssignDomainProps) => {
             showLineNumbers={false}
             theme={atomOneLight}
           />
-      </DialogBody>
+        </Modal.Body>
-      <DialogFooter className="flex justify-start">
+        <Modal.Footer className="flex justify-start">
-        <Button
+          <Button onClick={handleOpen}>Okay</Button>
-          className="rounded-3xl"
+        </Modal.Footer>
-          variant="gradient"
+      </Modal.Content>
-          color="blue"
+    </Modal>
-          onClick={handleOpen}
-        >
-          <span>Okay</span>
-        </Button>
-      </DialogFooter>
-    </Dialog>
   );
 };