albert/albert.lol
1
0
Fork 0
mirror of https://github.com/skidoodle/albert.lol.git synced 2025-02-15 06:09:15 +01:00
Code Issues Projects Releases Packages Wiki Activity

.minor tweaks

Browse source
This commit is contained in:
skidoodle 2023-04-11 04:48:30 +02:00
parent da6a607b5d
commit 9e7e5d00f3
2 changed files with 56 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/Icon.tsx
View file

@ -1,7 +1,8 @@
import { socials } from '@/components/data/Socials';
import Link from 'next/link';
import toast from 'react-hot-toast';
import copy from 'copy-to-clipboard';
import { socials } from '@/components/data/Socials';
import FadeIn from 'react-fade-in';
type Icon = {
children: any;
@ -23,6 +24,7 @@ const notify = () => {
export const Icon = ({ children, reference, copyValue }: Icon) => {
if (copyValue) {
return (
<FadeIn>
<Link
href={''}
className={`cursor-pointer`}
@ -35,17 +37,22 @@ export const Icon = ({ children, reference, copyValue }: Icon) => {
>
{children}
</Link>
</FadeIn>
);
}
return (
<FadeIn>
<Link
href={reference}
target='_blank'
className={'cursor-pointer'}
aria-label={socials.find((social) => social.ref === reference)?.ariaLabel}
aria-label={
socials.find((social) => social.ref === reference)?.ariaLabel
}
>
{children}
</Link>
</FadeIn>
);
};

10
src/components/SpotifyCard.tsx
View file

@ -1,9 +1,9 @@
import { truncate } from '@/utils/truncate';
import Image from 'next/image';
import useSWR from 'swr';
import SongImage from '@/public/song.webp';
import Link from 'next/link';
import { HiMusicNote } from 'react-icons/hi';
import Image from 'next/image';
import Link from 'next/link';
import FadeIn from 'react-fade-in';
import useSWR from 'swr';
export const fetcher = (url: RequestInfo) => fetch(url).then((r) => r.json());
@ -14,6 +14,7 @@ export const NowPlayingCard = () => {
});
return (
<FadeIn>
<div className='mt-5 focus:outline-none transition duration-300 ease-in-out transform hover:scale-105 p-3 rounded-md border border-gray-800 shadow flex flex-row max-w-sm'>
{spotify.song ? (
<Image
@ -38,5 +39,6 @@ export const NowPlayingCard = () => {
</div>
</div>
</div>
</FadeIn>
);
};