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

feat: top section

Browse Source
This commit is contained in:
Sushan Yadav 2024-02-28 16:56:28 +05:45
parent b43ee3b7bb
commit 6b6582c287
1 changed files with 19 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
packages/frontend/src/pages/org-slug/projects/Id.tsx
View File

@ -3,28 +3,23 @@ import {
Link, Link,
Outlet, Outlet,
useLocation, useLocation,
useNavigate, // useNavigate,
useParams, useParams,
} from 'react-router-dom'; } from 'react-router-dom';
import { Project as ProjectType } from 'gql-client'; import { Project as ProjectType } from 'gql-client';
import { import { Tab, Tabs, TabsBody, TabsHeader } from '@material-tailwind/react';
Button,
Tab,
Tabs,
TabsBody,
TabsHeader,
Typography,
} from '@material-tailwind/react';
import HorizontalLine from '../../../components/HorizontalLine';
import { useGQLClient } from '../../../context/GQLClientContext'; import { useGQLClient } from '../../../context/GQLClientContext';
import { useOctokit } from '../../../context/OctokitContext'; import { useOctokit } from '../../../context/OctokitContext';
import { Button } from 'components/shared/Button';
import { ChevronLeft } from 'components/shared/CustomIcon';
import { WavyBorder } from 'components/shared/WavyBorder';
const Id = () => { const Id = () => {
const { id } = useParams(); const { id } = useParams();
const { octokit } = useOctokit(); const { octokit } = useOctokit();
const navigate = useNavigate(); // const navigate = useNavigate();
const client = useGQLClient(); const client = useGQLClient();
const location = useLocation(); const location = useLocation();
@ -69,7 +64,16 @@ const Id = () => {
<div className="h-full"> <div className="h-full">
{project ? ( {project ? (
<> <>
<div className="flex p-4 gap-4 items-center"> <div className="px-6 py-4 flex items-center gap-4">
<Button
variant="tertiary"
className="rounded-full h-11 w-11 p-0"
aria-label="Go back"
leftIcon={<ChevronLeft />}
/>
{repoUrl}
</div>
{/* <div className="flex p-4 gap-4 items-center">
<Button <Button
variant="outlined" variant="outlined"
className="rounded-full" className="rounded-full"
@ -93,8 +97,9 @@ const Id = () => {
<Button className="rounded-full" color="blue" placeholder={''}> <Button className="rounded-full" color="blue" placeholder={''}>
Go to app Go to app
</Button> </Button>
</div> </div> */}
<HorizontalLine /> <WavyBorder className="h-6" />
{/* <HorizontalLine /> */}
<div className="p-4"> <div className="p-4">
<Tabs value={currentTab}> <Tabs value={currentTab}>
<TabsHeader <TabsHeader