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}