franpcode/create-better-t-stack
1
0
Fork 0
mirror of https://github.com/FranP-code/create-better-t-stack.git synced 2025-10-12 23:52:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(web): improve npm version logic

Browse Source
This commit is contained in:
Aman Varshney
2025-08-05 14:47:47 +05:30
parent b06fa745b0
commit 4ae27bbac6
1 changed files with 3 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
apps/web/src/app/(home)/_components/npm-package.tsx
View File

@@ -1,15 +1,12 @@
"use client"; "use client";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { cn } from "@/lib/utils";
const NpmPackage = () => { const NpmPackage = () => {
const [version, setVersion] = useState(""); const [version, setVersion] = useState("0.0.0");
const [versionLoading, setVersionLoading] = useState(true);
useEffect(() => { useEffect(() => {
const getLatestVersion = async () => { const getLatestVersion = async () => {
setVersionLoading(true);
try { try {
const res = await fetch( const res = await fetch(
"https://api.github.com/repos/AmanVarshney01/create-better-t-stack/releases", "https://api.github.com/repos/AmanVarshney01/create-better-t-stack/releases",
@@ -21,8 +18,6 @@ const NpmPackage = () => {
} catch (error) { } catch (error) {
console.error("Error fetching NPM version:", error); console.error("Error fetching NPM version:", error);
setVersion("?.?.?"); setVersion("?.?.?");
} finally {
setVersionLoading(false);
} }
}; };
getLatestVersion(); getLatestVersion();
@@ -30,15 +25,8 @@ const NpmPackage = () => {
return ( return (
<div className="mt-2 flex items-center justify-center"> <div className="mt-2 flex items-center justify-center">
<span <span className="mr-2 inline-block h-5 w-3 bg-primary" />
className={cn( <span className="text-muted-foreground text-xl">[v{version}]</span>
"mr-2 inline-block h-5 w-3 bg-primary",
versionLoading && "animate-pulse",
)}
/>
<span className=" text-muted-foreground text-xl">
{versionLoading ? "[v?.?.?]" : `[v${version}]`}
</span>
</div> </div>
); );
}; };