Leahnaya/hackdex-website
1
0
Fork 0
mirror of https://github.com/Hackdex-App/hackdex-website.git synced 2026-09-08 00:46:38 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Change patch downloads symbol

Browse Source
This commit is contained in:
Jared Schoeny
2025-10-24 14:13:28 -10:00
parent 32d5af3c8e
commit 18c593000a
2 changed files with 7 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Hack/DownloadsBadge.tsx
View File

@@ -1,7 +1,7 @@
"use client";
import React from "react";
import { FaDownload } from "react-icons/fa6";
import { ImDownload } from "react-icons/im";
import { formatCompactNumber } from "@/utils/format";
import type { DownloadEvent } from "@/types/util";
@@ -28,7 +28,7 @@ export default function DownloadsBadge({ slug, initialCount }: { slug: string; i
anim ? "scale-110 shadow-md font-bold" : ""
}`}
>
<FaDownload size={16} className="text-foreground/85" />
<ImDownload size={16} className="text-foreground/85" />
<span>{formatCompactNumber(count)}</span>
</div>
);

13
src/components/HackCard.tsx
View File

@@ -8,6 +8,7 @@ import { useEffect, useState } from "react";
import useEmblaCarousel from "embla-carousel-react";
import { usePathname } from "next/navigation";
import { FaRegImages } from "react-icons/fa6";
import { ImDownload } from "react-icons/im";
type CardHack = {
slug: string;
@@ -142,14 +143,10 @@ export default function HackCard({ hack, clickable = true, className = "" }: { h
</div>
<p className="mt-1 text-xs text-foreground/60">By {hack.author}</p>
</div>
<div className="flex items-center gap-1 text-sm text-foreground/70">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
<polyline points="7 10 12 15 17 10" />
<line x1="12" y1="15" x2="12" y2="3" />
</svg>
<span>{formatCompactNumber(hack.downloads)}</span>
</div>
<div className="flex items-center gap-1 text-sm text-foreground/70">
<ImDownload size={16} />
<span>{formatCompactNumber(hack.downloads)}</span>
</div>
</div>
<p className="mt-2 line-clamp-2 text-sm text-foreground/70">
{(() => {