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

Prettier and a new readme

Browse source
This commit is contained in:
skidoodle 2022-08-26 21:27:32 +02:00
parent 146b35d1d3
commit f21d8f8086
16 changed files with 352 additions and 2594 deletions
Download patch file Download diff file Expand all files Collapse all files

61
components/Icon.tsx
View file

@ -1,32 +1,43 @@
import Link from 'next/link'
import toast from 'react-hot-toast'
import copy from 'copy-to-clipboard'
import Link from "next/link";
import toast from "react-hot-toast";
import copy from "copy-to-clipboard";
type Icon = {
children: any,
reference: string,
copyValue?: boolean,
}
children: any;
reference: string;
copyValue?: boolean;
};
const notify = () => {
toast.remove(),
toast.success('Copied to clipboard', {
style: {
background: '#0f1012',
color: '#fff',
fontSize: '1em'
}
}
)}
toast.remove(),
toast.success("Copied to clipboard", {
style: {
background: "#0f1012",
color: "#fff",
fontSize: "1em",
},
});
};
export const Icon = ({ children, reference, copyValue }: Icon) => {
if(copyValue) {
return <a className={`cursor-pointer`} onClick={ () => { notify(), copy(reference) }} >{ children }</a>
}
if (copyValue) {
return (
<Link href={ reference }>
<a target='_blank' className={`cursor-pointer`}>{ children }</a>
</Link>
)
}
<a
className={`cursor-pointer`}
onClick={() => {
notify(), copy(reference);
}}
>
{children}
</a>
);
}
return (
<Link href={reference}>
<a target="_blank" className={`cursor-pointer`}>
{children}
</a>
</Link>
);
};