chore: rename Pack to PackageDetails (#1044)

Author: ken-matsui

app/packages/[group]/[name]/[version]/page.tsx

@@ -1,7 +1,7 @@
 import type { Metadata, ResolvingMetadata } from "next";
 import { notFound } from "next/navigation";
 import { getHasuraClient } from "~/app/_lib/hasuraClient";
-import { Pack } from "../_components/pack";
+import { PackageDetails } from "../_components/package-details";
 
 export const revalidate = 86400; // 1 day
 
@@ -36,7 +36,7 @@ export default async function Page(props: { params: Params }) {
     }
 
     return (
-        <Pack
+        <PackageDetails
             pack={data.packages[0]}
             numVersion={data.packages_aggregate?.aggregate?.count ?? 0}
         />

…ages/[group]/[name]/_components/pack.tsx …]/[name]/_components/package-details.tsxapp/packages/[group]/[name]/_components/pack.tsx renamed to app/packages/[group]/[name]/_components/package-details.tsx app/packages/[group]/[name]/_components/pack.tsx renamed to app/packages/[group]/[name]/_components/package-details.tsx

@@ -20,7 +20,7 @@ import { SectionHeader } from "~/app/_components/section-header";
 import { StatItem } from "~/app/_components/stat-item";
 import type { GetPackageByNameAndVersionQuery } from "~/graphql";
 
-export function Pack({
+export function PackageDetails({
     pack,
     numVersion,
 }: {

app/packages/[group]/[name]/page.tsx

@@ -1,7 +1,7 @@
 import type { Metadata, ResolvingMetadata } from "next";
 import { notFound } from "next/navigation";
 import { getHasuraClient } from "~/app/_lib/hasuraClient";
-import { Pack } from "./_components/pack";
+import { PackageDetails } from "./_components/package-details";
 
 export const revalidate = 86400; // 1 day
 
@@ -38,5 +38,10 @@ export default async function Page(props: { params: Params }) {
         return semver.rcompare(a.version, b.version);
     });
 
-    return <Pack pack={data.packages[0]} numVersion={data.packages.length} />;
+    return (
+        <PackageDetails
+            pack={data.packages[0]}
+            numVersion={data.packages.length}
+        />
+    );
 }