Taevas/taevas.xyz
Taevas/taevas.xyz
1
0
Fork 0
Code Issues Pull requests Projects Activity

Replace some ButtonLinks with Links in Infos

Browse source 
(Coding's GitHub & Anime's AniList)
This commit is contained in:
Taevas 2025-02-26 20:26:39 +01:00
parent 5fff23156b
commit a4496117f8
4 changed files with 12 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
bun.lockb
View file

Binary file not shown.

14
package.json
View file

@ -11,15 +11,15 @@
"@gitbeaker/rest": "^42.1.0",
"@netlify/functions": "^2.8.2",
"@octokit/rest": "^20.1.1",
"mongodb": "^6.13.0",
"osu-api-v2-js": "^1.1.0",
"mongodb": "^6.13.1",
"osu-api-v2-js": "^1.1.1",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"timeago.js": "^4.0.2"
},
"devDependencies": {
"@eslint/eslintrc": "^3.2.0",
"@eslint/js": "^9.20.0",
"@eslint/eslintrc": "^3.3.0",
"@eslint/js": "^9.21.0",
"@stylistic/eslint-plugin": "^3.1.0",
"@tailwindcss/forms": "^0.5.10",
"@types/bun": "latest",
@ -28,14 +28,14 @@
"@types/react-dom": "^19.0.4",
"@vitejs/plugin-react": "^4.3.4",
"autoprefixer": "^10.4.20",
"eslint": "^9.20.1",
"eslint": "^9.21.0",
"eslint-config-xo-typescript": "^7.0.0",
"eslint-plugin-react": "^7.37.4",
"postcss": "^8.5.2",
"postcss": "^8.5.3",
"react-animate-height": "^3.2.3",
"tailwindcss": "^3.4.17",
"typescript": "^5.7.3",
"typescript-eslint": "^8.24.1",
"typescript-eslint": "^8.25.0",
"vite": "^5.4.14"
},
"imports": {

5
src/Infos/Anime/Anilist.tsx
View file

@ -1,7 +1,7 @@
import React, {useState, useEffect} from "react";
import Website from "../Website.js";
import ButtonLink from "#parts/ButtonLink.js";
import DataHandler from "#Infos/DataHandler.js";
import Link from "#parts/Link.js";
export type AnilistInfo = {
title: string;
@ -28,7 +28,7 @@ export default function Anilist() {
<div key={"data"} className="flex mb-4">
<img className="m-auto w-16 h-22" alt="anime cover" src={data.cover} />
<div className="m-auto pl-2">
<p className="font-bold">{data.title}</p>
<Link classes="mt-1 px-1 py-2 inline-block w-full font-bold leading-[18px] bg-white text-blue-800" link={data.url} text={data.title}/>
<p className="mt-4">Started: <strong>{data.startDate}</strong></p>
{
data.episodes.watched >= data.episodes.total ?
@ -44,7 +44,6 @@ export default function Anilist() {
<p><strong>{data.episodes.watched}/{data.episodes.total}</strong> episodes watched</p>
}
</>,
<ButtonLink key={"more"} link={data.url} text="Anime Link" />,
]);
} catch {
setError(true);

6
src/Infos/Coding/GitHub.tsx
View file

@ -1,7 +1,7 @@
import React, {useState, useEffect} from "react";
import Website from "../Website.js";
import ButtonLink from "#parts/ButtonLink.js";
import DataHandler from "#Infos/DataHandler.js";
import Link from "#parts/Link.js";
export interface GithubInfo {
public?: {
@ -30,10 +30,10 @@ export default function GitHub() {
if (data.public) {
elms.push(
<p key={"github-date-public"}>Latest <strong>public</strong> push: <strong>{data.public.date} on {data.public.repo}</strong></p>,
<p key={"github-date-public"}>Latest <strong>public</strong> push: <strong>{data.public.date}</strong></p>,
);
elms.push(
<ButtonLink key={"more"} link={`https://github.com/${data.public.repo}`} text="Repo Link" />,
<Link classes="mt-1 px-1 py-2 inline-block w-full font-bold leading-[18px] bg-white text-blue-800" link={`https://github.com/${data.public.repo}`} text={data.public.repo}/>
);
}