cfbender/snowballtools-base
1
0
Fork 0
forked from cerc-io/snowballtools-base
Code Pull Requests Activity

[3/n][project settings ui] Domains cleanup (#25)

Browse Source
This commit is contained in:
Vivian Phung 2024-05-14 15:46:48 -04:00 committed by GitHub
commit b71b7579a6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
packages/frontend/src/pages/org-slug/projects/id/settings/Domains.tsx
View File

@ -1,17 +1,14 @@
import { RequestError } from 'octokit'; import { RequestError } from 'octokit';
import { useCallback, useEffect, useState } from 'react'; import { useCallback, useEffect, useState } from 'react';
import { Link, useOutletContext } from 'react-router-dom'; import { useOutletContext } from 'react-router-dom';
import { Domain } from 'gql-client'; import { Domain } from 'gql-client';
import { import DomainCard from 'components/projects/project/settings/DomainCard';
Button,
Typography,
} from '@snowballtools/material-tailwind-react-fork';
import DomainCard from '../../../../../components/projects/project/settings/DomainCard';
import { useGQLClient } from '../../../../../context/GQLClientContext'; import { useGQLClient } from '../../../../../context/GQLClientContext';
import { OutletContextType } from '../../../../../types/types'; import { OutletContextType } from '../../../../../types';
import { useOctokit } from '../../../../../context/OctokitContext'; import { useOctokit } from '../../../../../context/OctokitContext';
import { Heading } from 'components/shared/Heading';
import { Button } from 'components/shared/Button';
const Domains = () => { const Domains = () => {
const client = useGQLClient(); const client = useGQLClient();
@ -61,13 +58,13 @@ const Domains = () => {
return ( return (
<> <>
<div className="flex justify-between p-2"> <div className="space-y-3 px-2">
<Typography variant="h3">Domain</Typography> <Heading className="text-sky-950 text-lg font-medium leading-normal">
<Link to="add"> Domains
<Button color="blue" variant="outlined" className="rounded-full"> </Heading>
<i>^</i> Add domain <Button as="a" href="add">
Add domain
</Button> </Button>
</Link>
</div> </div>
{domains.map((domain) => { {domains.map((domain) => {