ti.sil/sourcebot
1
0
Fork 0
mirror of https://github.com/sourcebot-dev/sourcebot.git synced 2025-12-16 14:25:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

move to link

Browse source
This commit is contained in:
bkellam 2025-09-20 12:36:00 -07:00
parent 1810a773a7
commit 943b914818
1 changed files with 14 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
packages/web/src/app/[domain]/components/homepage/repositoryCarousel.tsx
View file

@ -11,7 +11,9 @@ import Image from "next/image";
import { FileIcon } from "@radix-ui/react-icons"; import { FileIcon } from "@radix-ui/react-icons";
import clsx from "clsx"; import clsx from "clsx";
import { RepositoryQuery } from "@/lib/types"; import { RepositoryQuery } from "@/lib/types";
import { useBrowseNavigation } from "../../browse/hooks/useBrowseNavigation"; import { getBrowsePath } from "../../browse/hooks/useBrowseNavigation";
import Link from "next/link";
import { useDomain } from "@/hooks/useDomain";
interface RepositoryCarouselProps { interface RepositoryCarouselProps {
repos: RepositoryQuery[]; repos: RepositoryQuery[];
@ -57,9 +59,8 @@ interface RepositoryBadgeProps {
const RepositoryBadge = ({ const RepositoryBadge = ({
repo repo
}: RepositoryBadgeProps) => { }: RepositoryBadgeProps) => {
const { navigateToPath } = useBrowseNavigation(); const domain = useDomain();
const { repoIcon, displayName } = (() => {
const { repoIcon, displayName, repoLink } = (() => {
const info = getCodeHostInfoForRepo({ const info = getCodeHostInfoForRepo({
codeHostType: repo.codeHostType, codeHostType: repo.codeHostType,
name: repo.repoName, name: repo.repoName,
@ -75,34 +76,30 @@ const RepositoryBadge = ({
className={`w-4 h-4 ${info.iconClassName}`} className={`w-4 h-4 ${info.iconClassName}`}
/>, />,
displayName: info.displayName, displayName: info.displayName,
repoLink: info.repoLink,
} }
} }
return { return {
repoIcon: <FileIcon className="w-4 h-4" />, repoIcon: <FileIcon className="w-4 h-4" />,
displayName: repo.repoName, displayName: repo.repoName,
repoLink: undefined,
} }
})(); })();
return ( return (
<div <Link
onClick={() => { href={getBrowsePath({
navigateToPath({
repoName: repo.repoName, repoName: repo.repoName,
path: '/', path: '/',
pathType: 'tree', pathType: 'tree',
}); domain
}}
className={clsx("flex flex-row items-center gap-2 border rounded-md p-2 text-clip", {
"cursor-pointer": repoLink !== undefined,
})} })}
className={clsx("flex flex-row items-center gap-2 border rounded-md p-2 text-clip")}
> >
{repoIcon} {repoIcon}
<span className="text-sm font-mono"> <span className="text-sm font-mono">
{displayName} {displayName}
</span> </span>
</div> </Link>
) )
} }