refactor + tweak

Author: zxt-tzx

…/components/repos/RepoStatusMessages.tsx …earch/SearchResultRepoStatusMessages.tsxpackages/web/src/components/repos/RepoStatusMessages.tsx renamed to packages/web/src/components/search/SearchResultRepoStatusMessages.tsx packages/web/src/components/repos/RepoStatusMessages.tsx renamed to packages/web/src/components/search/SearchResultRepoStatusMessages.tsx

@@ -3,7 +3,7 @@ import { AlertCircleIcon } from "lucide-react";
 
 import { Button } from "@/components/ui/button";
 
-import { RepoPreview, type RepoPreviewProps } from "./RepoPreview";
+import { RepoPreview, type RepoPreviewProps } from "../repos/RepoPreview";
 
 const MessageLayout = ({ children }: { children: React.ReactNode }) => (
   <div className="rounded-lg border bg-background p-4 text-mobile-base sm:p-6 sm:text-base">
@@ -107,6 +107,8 @@ export const OnGithubMessage = ({ error, preview }: OnGithubMessageProps) => (
                   owner: preview.owner.login,
                   repo: preview.name,
                 }}
+                // important, or we will load all repos immediately
+                preload={false}
               >
                 Load repo in SemHub
               </Link>

…kages/web/src/lib/hooks/useRepoStatus.ts …c/lib/hooks/useSearchResultRepoStatus.tspackages/web/src/lib/hooks/useRepoStatus.ts renamed to packages/web/src/lib/hooks/useSearchResultRepoStatus.ts packages/web/src/lib/hooks/useRepoStatus.ts renamed to packages/web/src/lib/hooks/useSearchResultRepoStatus.ts

@@ -20,7 +20,7 @@ type UseRepoStatusResult = {
   isLoading: boolean;
 };
 
-export function useRepoStatus(
+export function useSearchResultRepoStatus(
   owner: string | null,
   repo: string | null,
 ): UseRepoStatusResult {

packages/web/src/routes/search.tsx

@@ -8,20 +8,20 @@ import { useMemo } from "react";
 
 import { extractOwnerAndRepo } from "@/core/semsearch/util";
 import { publicSearchIssues } from "@/lib/api/search";
-import { useRepoStatus } from "@/lib/hooks/useRepoStatus";
+import { useSearchResultRepoStatus } from "@/lib/hooks/useSearchResultRepoStatus";
 import { queryKeys } from "@/lib/queryClient";
 import { Button } from "@/components/ui/button";
 import { Skeleton } from "@/components/ui/skeleton";
 import { RepoPreviewSkeleton } from "@/components/repos/RepoPreview";
+import { IssueCard } from "@/components/search/IssueCard";
+import { ResultsSearchBar } from "@/components/search/PublicSearchBars";
 import {
   ErrorMessage,
   InitializingMessage,
   NoMatchesMessage,
   NotFoundMessage,
   OnGithubMessage,
-} from "@/components/repos/RepoStatusMessages";
-import { IssueCard } from "@/components/search/IssueCard";
-import { ResultsSearchBar } from "@/components/search/PublicSearchBars";
+} from "@/components/search/SearchResultRepoStatusMessages";
 import {
   publicSearchSchema,
   type PublicSearchSchema,
@@ -61,7 +61,7 @@ export const Route = createFileRoute("/search")({
 function NothingMatched({ query }: { query: string }) {
   const extracted = useMemo(() => extractOwnerAndRepo(query), [query]);
 
-  const { repoStatus, error, preview, isLoading } = useRepoStatus(
+  const { repoStatus, error, preview, isLoading } = useSearchResultRepoStatus(
     extracted?.owner ?? null,
     extracted?.repo ?? null,
   );