cerc-io/snowballtools-base
16
0
Fork 2
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

⚡️ feat: reskin "no repository found" component

Browse Source
This commit is contained in:
Andre H 2024-03-07 14:23:11 +08:00
parent cdb995205a
commit 41033c5241
1 changed files with 12 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/frontend/src/components/projects/create/RepositoryList/RepositoryList.tsx
View File

@ -3,17 +3,17 @@ import { Octokit } from 'octokit';
import assert from 'assert'; import assert from 'assert';
import { useDebounce } from 'usehooks-ts'; import { useDebounce } from 'usehooks-ts';
import { Button, Typography } from '@material-tailwind/react';
import { ProjectRepoCard } from 'components/projects/create/ProjectRepoCard'; import { ProjectRepoCard } from 'components/projects/create/ProjectRepoCard';
import { GitOrgDetails, GitRepositoryDetails } from 'types'; import { GitOrgDetails, GitRepositoryDetails } from 'types';
import { import {
ChevronGrabberHorizontal, ChevronGrabberHorizontal,
GithubIcon, GithubIcon,
RefreshIcon,
SearchIcon, SearchIcon,
} from 'components/shared/CustomIcon'; } from 'components/shared/CustomIcon';
import { Select, SelectOption } from 'components/shared/Select'; import { Select, SelectOption } from 'components/shared/Select';
import { Input } from 'components/shared/Input'; import { Input } from 'components/shared/Input';
import { Button } from 'components/shared/Button';
const DEFAULT_SEARCHED_REPO = ''; const DEFAULT_SEARCHED_REPO = '';
const REPOS_PER_PAGE = 5; const REPOS_PER_PAGE = 5;
@ -160,19 +160,17 @@ export const RepositoryList = ({ octokit }: RepositoryListProps) => {
))} ))}
</div> </div>
) : ( ) : (
<div className="mt-4 p-6 flex items-center justify-center"> <div className="mt-4 p-6 flex flex-col gap-4 items-center justify-center">
<div className="text-center"> <p className="text-elements-high-em font-sans">No repository found</p>
<Typography placeholder={''}>No repository found</Typography>
<Button <Button
className="rounded-full mt-5" variant="tertiary"
leftIcon={<RefreshIcon />}
size="sm" size="sm"
onClick={handleResetFilters} onClick={handleResetFilters}
placeholder={''}
> >
^ Reset filters Reset filters
</Button> </Button>
</div> </div>
</div>
)} )}
</section> </section>
); );