Mirroring/my-links
1
0
Fork 0
mirror of https://github.com/Sonny93/my-links.git synced 2025-12-10 15:35:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: apply prettier conf and cleanup

Browse Source
This commit is contained in:
Sonny
2023-11-26 02:04:09 +01:00
parent c0af440302
commit 9a5f661df4
120 changed files with 1229 additions and 9101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
src/components/Links/Links.tsx
View File

@@ -1,18 +1,18 @@
import ButtonLink from "components/ButtonLink";
import CreateItem from "components/QuickActions/CreateItem";
import EditItem from "components/QuickActions/EditItem";
import RemoveItem from "components/QuickActions/RemoveItem";
import QuickActionSearch from "components/QuickActions/Search";
import { motion } from "framer-motion";
import { useTranslation } from "next-i18next";
import LinkTag from "next/link";
import { RxHamburgerMenu } from "react-icons/rx";
import { Category, Link } from "types";
import { TFunctionParam } from "types/i18next";
import LinkItem from "./LinkItem";
import styles from "./links.module.scss";
import clsx from "clsx";
import PATHS from "constants/paths";
import ButtonLink from 'components/ButtonLink';
import CreateItem from 'components/QuickActions/CreateItem';
import EditItem from 'components/QuickActions/EditItem';
import RemoveItem from 'components/QuickActions/RemoveItem';
import QuickActionSearch from 'components/QuickActions/Search';
import { motion } from 'framer-motion';
import { useTranslation } from 'next-i18next';
import LinkTag from 'next/link';
import { RxHamburgerMenu } from 'react-icons/rx';
import { Category, Link } from 'types';
import { TFunctionParam } from 'types/i18next';
import LinkItem from './LinkItem';
import styles from './links.module.scss';
import clsx from 'clsx';
import PATHS from 'constants/paths';
export default function Links({
category,
@@ -22,51 +22,63 @@ export default function Links({
openSearchModal,
}: {
category: Category;
toggleFavorite: (linkId: Link["id"]) => void;
toggleFavorite: (linkId: Link['id']) => void;
isMobile: boolean;
openMobileModal: () => void;
openSearchModal: () => void;
}) {
const { t } = useTranslation("home");
const { t } = useTranslation('home');
if (category === null) {
return (
<div className={styles["no-category"]}>
<p>{t("home:select-categorie")}</p>
<LinkTag href="/category/create">{t("home:or-create-one")}</LinkTag>
<div className={styles['no-category']}>
<p>{t('home:select-category')}</p>
<LinkTag href='/category/create'>{t('home:or-create-one')}</LinkTag>
</div>
);
}
const { id, name, links } = category;
return (
<div className={styles["links-wrapper"]}>
<h2 className={styles["category-header"]}>
<div className={styles['links-wrapper']}>
<h2 className={styles['category-header']}>
{isMobile && (
<ButtonLink
style={{
display: "flex",
display: 'flex',
}}
onClick={openMobileModal}
>
<RxHamburgerMenu size={"1.5em"} style={{ marginRight: ".5em" }} />
<RxHamburgerMenu
size={'1.5em'}
style={{ marginRight: '.5em' }}
/>
</ButtonLink>
)}
<span className={styles["category-name"]}>
<span className={styles['category-name']}>
{name}
{links.length > 0 && (
<span className={styles["links-count"]}> — {links.length}</span>
<span className={styles['links-count']}> — {links.length}</span>
)}
</span>
<span className={styles["category-controls"]}>
<span className={styles['category-controls']}>
<QuickActionSearch openSearchModal={openSearchModal} />
<CreateItem type="link" categoryId={category.id} />
<EditItem type="category" id={id} />
<RemoveItem type="category" id={id} />
<CreateItem
type='link'
categoryId={category.id}
/>
<EditItem
type='category'
id={id}
/>
<RemoveItem
type='category'
id={id}
/>
</span>
</h2>
{links.length !== 0 ? (
<ul className={clsx(styles["links"], "reset")}>
<ul className={clsx(styles['links'], 'reset')}>
{links.map((link, index) => (
<LinkItem
link={link}
@@ -77,45 +89,54 @@ export default function Links({
))}
</ul>
) : (
<div className={styles["no-link"]}>
<div className={styles['no-link']}>
<motion.p
key={Math.random()}
initial={{ opacity: 0, scale: 0.85 }}
animate={{ opacity: 1, scale: 1 }}
transition={{
type: "spring",
type: 'spring',
stiffness: 260,
damping: 20,
duration: 0.01,
}}
dangerouslySetInnerHTML={{
__html: t("home:no-link", { name } as TFunctionParam, {
__html: t('home:no-link', { name } as TFunctionParam, {
interpolation: { escapeValue: false },
}),
}}
/>
<LinkTag href={`/link/create?categoryId=${id}`}>
{t("common:link.create")}
{t('common:link.create')}
</LinkTag>
</div>
)}
<footer className={styles["footer"]}>
<div className="top">
<LinkTag href={PATHS.PRIVACY}>{t("common:privacy")}</LinkTag>
{" • "}
<LinkTag href={PATHS.TERMS}>{t("common:terms")}</LinkTag>
<footer className={styles['footer']}>
<div className='top'>
<LinkTag href={PATHS.PRIVACY}>{t('common:privacy')}</LinkTag>
{' • '}
<LinkTag href={PATHS.TERMS}>{t('common:terms')}</LinkTag>
</div>
<div className="bottom">
{t("home:footer.made_by")}{" "}
<LinkTag href={PATHS.AUTHOR} target="_blank">
<div className='bottom'>
{t('home:footer.made_by')}{' '}
<LinkTag
href={PATHS.AUTHOR}
target='_blank'
>
Sonny
</LinkTag>
{" • "}
<LinkTag href={PATHS.REPO_GITHUB} target="_blank">
{' • '}
<LinkTag
href={PATHS.REPO_GITHUB}
target='_blank'
>
Github
</LinkTag>
{" • "}
<LinkTag href={PATHS.EXTENSION} target="_blank">
{' • '}
<LinkTag
href={PATHS.EXTENSION}
target='_blank'
>
Extension
</LinkTag>
</div>