diff --git a/apps/cyberstorm-remix/app/p/packageListing.tsx b/apps/cyberstorm-remix/app/p/packageListing.tsx
index ad6efafec..1a91f3391 100644
--- a/apps/cyberstorm-remix/app/p/packageListing.tsx
+++ b/apps/cyberstorm-remix/app/p/packageListing.tsx
@@ -29,6 +29,7 @@ import {
faThumbsUp,
faWarning,
faThumbTack,
+ faCodeMerge,
} from "@fortawesome/free-solid-svg-icons";
import TeamMembers from "./components/TeamMembers/TeamMembers";
import { useEffect, useRef, useState } from "react";
@@ -252,6 +253,10 @@ export default function PackageListing() {
// );
const isNew =
+ Math.round((Date.now() - Date.parse(listing.datetime_created)) / 86400000) <
+ 3;
+
+ const isUpdated =
Math.round((Date.now() - Date.parse(listing.last_updated)) / 86400000) < 3;
const likeAction = PackageLikeAction({
@@ -589,7 +594,8 @@ export default function PackageListing() {
listing.is_pinned ||
listing.is_deprecated ||
listing.is_nsfw ||
- isNew ? (
+ isNew ||
+ isUpdated ? (
@@ -604,7 +610,8 @@ export default function PackageListing() {
{listing.is_pinned ||
listing.is_deprecated ||
listing.is_nsfw ||
- isNew ? (
+ isNew ||
+ isUpdated ? (
{listing.is_pinned ? (
) : null}
+ {isUpdated ? (
+
+
+
+
+ Updated
+
+ ) : null}
) : null}
diff --git a/packages/cyberstorm/src/newComponents/Card/CardPackage/CardPackage.tsx b/packages/cyberstorm/src/newComponents/Card/CardPackage/CardPackage.tsx
index 04e0f6895..1306edb84 100644
--- a/packages/cyberstorm/src/newComponents/Card/CardPackage/CardPackage.tsx
+++ b/packages/cyberstorm/src/newComponents/Card/CardPackage/CardPackage.tsx
@@ -3,6 +3,7 @@ import {
faThumbTack,
faWarning,
faThumbsUp,
+ faCodeMerge,
} from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { PackageListing } from "@thunderstore/dapper/types";
@@ -11,7 +12,7 @@ import { formatInteger } from "../../../utils/utils";
import { NewLink, NewIcon, Image, NewTag, NewMetaItem } from "../../..";
import { TooltipWrapper } from "../../../primitiveComponents/utils/utils";
import "./CardPackage.css";
-import { faLips, faSparkles } from "@fortawesome/pro-solid-svg-icons";
+import { faLips } from "@fortawesome/pro-solid-svg-icons";
import { RelativeTime } from "../../../components/RelativeTime/RelativeTime";
interface Props {
@@ -24,7 +25,7 @@ export function CardPackage(props: Props) {
const { packageData, isLiked, packageLikeAction } = props;
const updateTime = Date.parse(packageData.last_updated);
const updateTimeDelta = Math.round((Date.now() - updateTime) / 86400000);
- const isNew = updateTimeDelta < 3;
+ const isUpdated = updateTimeDelta < 3;
return (
@@ -40,7 +41,7 @@ export function CardPackage(props: Props) {
{packageData.is_pinned ||
packageData.is_nsfw ||
packageData.is_deprecated ||
- isNew ? (
+ isUpdated ? (
{packageData.is_pinned ? (
@@ -66,12 +67,12 @@ export function CardPackage(props: Props) {
Deprecated
) : null}
- {isNew ? (
-
+ {isUpdated ? (
+
-
+
- New
+ Updated
) : null}