diff --git a/apps/cyberstorm-remix/app/p/packageVersion.tsx b/apps/cyberstorm-remix/app/p/packageListingVersion.tsx similarity index 82% rename from apps/cyberstorm-remix/app/p/packageVersion.tsx rename to apps/cyberstorm-remix/app/p/packageListingVersion.tsx index 26fdd1bed..26a070927 100644 --- a/apps/cyberstorm-remix/app/p/packageVersion.tsx +++ b/apps/cyberstorm-remix/app/p/packageListingVersion.tsx @@ -28,15 +28,7 @@ import { faDownload, faCaretRight, } from "@fortawesome/free-solid-svg-icons"; -import { - memo, - type ReactElement, - Suspense, - useEffect, - useRef, - useState, -} from "react"; -import { useHydrated } from "remix-utils/use-hydrated"; +import { memo, Suspense } from "react"; import { PageHeader } from "~/commonComponents/PageHeader/PageHeader"; import { faArrowUpRight } from "@fortawesome/pro-solid-svg-icons"; import { RelativeTime } from "@thunderstore/cyberstorm/src/components/RelativeTime/RelativeTime"; @@ -79,7 +71,6 @@ export async function loader({ params }: LoaderFunctionArgs) { }); return { - community: await dapper.getCommunity(communityId), listing, packageVersion, team: await dapper.getTeamDetails(namespaceId), @@ -108,7 +99,6 @@ export async function clientLoader({ params }: LoaderFunctionArgs) { }); return { - community: dapper.getCommunity(communityId), listing, packageVersion, team: dapper.getTeamDetails(namespaceId), @@ -132,41 +122,13 @@ export function shouldRevalidate(arg: ShouldRevalidateFunctionArgs) { return arg.defaultShouldRevalidate; } -export default function PackageVersion() { - const { community, listing, packageVersion, team } = useLoaderData< +export default function PackageListingVersion() { + const { listing, packageVersion, team } = useLoaderData< typeof loader | typeof clientLoader >(); const location = useLocation(); - const outletContext = useOutletContext() as OutletContextShape; - - const isHydrated = useHydrated(); - const startsHydrated = useRef(isHydrated); - - // START: For sidebar meta dates - const [firstUploaded, setFirstUploaded] = useState< - ReactElement | undefined - >(); - - // This will be loaded 2 times in development because of: - // https://react.dev/reference/react/StrictMode - // If strict mode is removed from the entry.client.tsx, this should only run once - useEffect(() => { - if (!startsHydrated.current && isHydrated) { - return; - } - - if (!listing) { - return; - } - - setFirstUploaded( - - ); - }, []); - // END: For sidebar meta dates - const currentTab = location.pathname.split("/")[8] || "details"; if (!listing) { @@ -175,42 +137,31 @@ export default function PackageVersion() { return ( <> - - - {(resolvedCommunity) => ( - <> - - - - - - - - - - - - )} - - + + + + + + + + + + +
@@ -289,7 +240,7 @@ export default function PackageVersion() { } rootClasses="package-listing__drawer" > - {packageMeta(firstUploaded, listing)} + {packageMeta(listing)} Loading...

}> @@ -379,7 +330,7 @@ export default function PackageVersion() {
- {packageMeta(firstUploaded, listing)} + {packageMeta(listing)}
@@ -424,15 +375,17 @@ const Actions = memo(function Actions(props: { ); }); -function packageMeta( - firstUploaded: ReactElement | undefined, - listing: PackageListingDetails -) { +function packageMeta(listing: PackageListingDetails) { return (
Date Uploaded
-
{firstUploaded}
+
+ +
Downloads
diff --git a/apps/cyberstorm-remix/app/routes.ts b/apps/cyberstorm-remix/app/routes.ts index 4723f9599..ca19895c9 100644 --- a/apps/cyberstorm-remix/app/routes.ts +++ b/apps/cyberstorm-remix/app/routes.ts @@ -35,7 +35,7 @@ export default [ ]), route( ":namespaceId/:packageId/v/:packageVersion", - "p/packageVersion.tsx", + "p/packageListingVersion.tsx", [ route( "/c/:communityId/p/:namespaceId/:packageId/v/:packageVersion/",