53 lines
1.5 KiB
TypeScript
53 lines
1.5 KiB
TypeScript
import { CopyBlock, atomOneLight } from 'react-code-blocks';
|
|
import { Link } from 'react-router-dom';
|
|
|
|
import {
|
|
Button,
|
|
Dialog,
|
|
DialogHeader,
|
|
DialogBody,
|
|
DialogFooter,
|
|
} from '@snowballtools/material-tailwind-react-fork';
|
|
|
|
interface AssignDomainProps {
|
|
open: boolean;
|
|
handleOpen: () => void;
|
|
}
|
|
|
|
const AssignDomainDialog = ({ open, handleOpen }: AssignDomainProps) => {
|
|
return (
|
|
<Dialog open={open} handler={handleOpen}>
|
|
<DialogHeader>Assign Domain</DialogHeader>
|
|
<DialogBody>
|
|
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{' '}
|
|
</Link>
|
|
(recommended). If you want to assign to this specific deployment,
|
|
however, you can do so using our command-line interface:
|
|
{/* https://github.com/rajinwonderland/react-code-blocks/issues/138 */}
|
|
<CopyBlock
|
|
text="snowball alias <deployment> <domain>"
|
|
language=""
|
|
showLineNumbers={false}
|
|
theme={atomOneLight}
|
|
/>
|
|
</DialogBody>
|
|
<DialogFooter className="flex justify-start">
|
|
<Button
|
|
className="rounded-3xl"
|
|
variant="gradient"
|
|
color="blue"
|
|
onClick={handleOpen}
|
|
>
|
|
<span>Okay</span>
|
|
</Button>
|
|
</DialogFooter>
|
|
</Dialog>
|
|
);
|
|
};
|
|
|
|
export default AssignDomainDialog;
|