GivFNZ/my-website
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

rf/locale: improve recently played display styling, [m] improve en-US

Browse Source
This commit is contained in:
Aidan 2025-03-27 14:10:09 -04:00
parent 0cdd8b11e0
commit 8d72b0f1e7
4 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/locales/en-us.json
View File

@ -9,8 +9,8 @@
"projects": "Projects", "projects": "Projects",
"send": "Send", "send": "Send",
"myLast": "My Last.FM Status", "myLast": "My Last.FM Status",
"myLastDescription": "Take a look on my last played song:", "myLastDescription": "I'm listening to:",
"lastLink": "Check this song page on Last.FM", "lastLink": "View on Last.FM",
"music": "Music", "music": "Music",
"currentlyListening": "I'm currently listening to it!", "currentlyListening": "I'm currently listening to it!",
"lastUpdate": "Last update: " "lastUpdate": "Last update: "

2
src/pages/home/index.tsx
View File

@ -29,7 +29,7 @@ export default function Home() {
return ( return (
<MainContainer> <MainContainer>
<TopSection> <TopSection>
<Avatar src="https://avatars.githubusercontent.com/u/53719063?v=4" alt="Giv's Gh picture" /> <Avatar src="https://avatars.githubusercontent.com/u/53719063?v=4" alt="GitHub Profile Picture" />
<Paragraph> <Paragraph>
<span ref={typedElement} /> <span ref={typedElement} />
</Paragraph> </Paragraph>

6
src/pages/music/index.tsx
View File

@ -4,7 +4,7 @@ import { useQuery } from '@tanstack/react-query'
import { Paragraph } from "../../components/Paragraph/styles"; import { Paragraph } from "../../components/Paragraph/styles";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { IconLink } from "../home/styles"; import { IconLink } from "../home/styles";
import { MusicDescription, MusicTitle } from "./styles";
export default function Music() { export default function Music() {
const { t } = useTranslation() const { t } = useTranslation()
@ -14,8 +14,8 @@ export default function Music() {
}) })
return ( return (
<MainContainer> <MainContainer>
<h1>{t("myLast")}</h1> <MusicTitle>{t("myLast")}</MusicTitle>
<h3>{t("myLastDescription")}</h3> <MusicDescription>{t("myLastDescription")}</MusicDescription>
<Paragraph>{lastResponse?.recenttracks?.track[0].name} - {lastResponse?.recenttracks?.track[0].artist["#text"]}</Paragraph> <Paragraph>{lastResponse?.recenttracks?.track[0].name} - {lastResponse?.recenttracks?.track[0].artist["#text"]}</Paragraph>
<IconLink target="blank" href={lastResponse?.recenttracks?.track[0].url}>{t("lastLink")}</IconLink> <IconLink target="blank" href={lastResponse?.recenttracks?.track[0].url}>{t("lastLink")}</IconLink>
{lastResponse?.recenttracks?.track[0]?.date?.["#text"] ? {lastResponse?.recenttracks?.track[0]?.date?.["#text"] ?

10
src/pages/music/styles.ts Normal file
View File

@ -0,0 +1,10 @@
import styled from "styled-components";
export const MusicTitle = styled.h1`
padding-bottom: 1rem;
`;
export const MusicDescription = styled.h3`
font-size: 1.5rem;
font-weight: 400;
`;