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(
-