xwx.moe/el.xwx.moe
xwx.moe/ el.xwx.moe
1
0
Disbranĉigi 0
Fontkodo Issues Tirpetoj Actions Packages Projects Eldonoj Wiki Activity

renamed "LinkList" to "LinkCard"

This commit is contained in:
Daniel 2023-06-06 00:17:01 +03:30
parent eb5611c8f7
commit 35a8d74943
9 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
components/LinkList.tsx → components/LinkCard.tsx
View File

0
components/PublicPage/LinkList.tsx → components/PublicPage/LinkCard.tsx
View File

1
components/Sidebar.tsx
View File

@ -21,6 +21,7 @@ export default function ({ className }: { className?: string }) {
const [active, setActive] = useState(""); const [active, setActive] = useState("");
useEffect(() => { useEffect(() => {
console.log(window.location.hash);
setActive(router.asPath); setActive(router.asPath);
}, [router, collections]); }, [router, collections]);

2
components/SubmitButton.tsx
View File

@ -17,7 +17,7 @@ export default function SubmitButton({
}: Props) { }: Props) {
return ( return (
<div <div
className={`bg-sky-500 text-white flex items-center gap-2 py-2 px-5 rounded-xl select-none font-bold cursor-pointer duration-100 hover:bg-sky-400 w-fit ${className}`} className={`bg-sky-500 text-white flex items-center gap-2 py-2 px-5 rounded-md select-none font-bold cursor-pointer duration-100 hover:bg-sky-400 w-fit ${className}`}
onClick={onClick as MouseEventHandler<HTMLDivElement>} onClick={onClick as MouseEventHandler<HTMLDivElement>}
> >
<FontAwesomeIcon icon={icon} className="h-5" /> <FontAwesomeIcon icon={icon} className="h-5" />

4
pages/collections/[id].tsx
View File

@ -1,5 +1,5 @@
import Dropdown from "@/components/Dropdown"; import Dropdown from "@/components/Dropdown";
import LinkList from "@/components/LinkList"; import LinkCard from "@/components/LinkCard";
import Modal from "@/components/Modal"; import Modal from "@/components/Modal";
import LinkModal from "@/components/Modal/LinkModal"; import LinkModal from "@/components/Modal/LinkModal";
import CollectionInfo from "@/components/Modal/Collection/CollectionInfo"; import CollectionInfo from "@/components/Modal/Collection/CollectionInfo";
@ -282,7 +282,7 @@ export default function () {
</div> </div>
<div className="grid 2xl:grid-cols-3 xl:grid-cols-2 gap-5"> <div className="grid 2xl:grid-cols-3 xl:grid-cols-2 gap-5">
{sortedLinks.map((e, i) => { {sortedLinks.map((e, i) => {
return <LinkList key={i} link={e} count={i} />; return <LinkCard key={i} link={e} count={i} />;
})} })}
</div> </div>
</div> </div>

6
pages/links.tsx
View File

@ -1,6 +1,4 @@
import ClickAwayHandler from "@/components/ClickAwayHandler"; import LinkCard from "@/components/LinkCard";
import LinkList from "@/components/LinkList";
import RadioButton from "@/components/RadioButton";
import SortLinkDropdown from "@/components/SortLinkDropdown"; import SortLinkDropdown from "@/components/SortLinkDropdown";
import MainLayout from "@/layouts/MainLayout"; import MainLayout from "@/layouts/MainLayout";
import useLinkStore from "@/store/links"; import useLinkStore from "@/store/links";
@ -86,7 +84,7 @@ export default function Links() {
</div> </div>
<div className="grid 2xl:grid-cols-3 xl:grid-cols-2 gap-5"> <div className="grid 2xl:grid-cols-3 xl:grid-cols-2 gap-5">
{sortedLinks.map((e, i) => { {sortedLinks.map((e, i) => {
return <LinkList key={i} link={e} count={i} />; return <LinkCard key={i} link={e} count={i} />;
})} })}
</div> </div>
</div> </div>

4
pages/public/collections/[id].tsx
View File

@ -1,4 +1,4 @@
import LinkList from "@/components/PublicPage/LinkList"; import LinkCard from "@/components/PublicPage/LinkCard";
import getPublicCollectionData from "@/lib/client/getPublicCollectionData"; import getPublicCollectionData from "@/lib/client/getPublicCollectionData";
import { PublicCollectionIncludingLinks } from "@/types/global"; import { PublicCollectionIncludingLinks } from "@/types/global";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
@ -47,7 +47,7 @@ export default function PublicCollections() {
<div className="flex flex-col gap-5 my-8"> <div className="flex flex-col gap-5 my-8">
{data?.links.map((e, i) => { {data?.links.map((e, i) => {
return <LinkList key={i} link={e} count={i} />; return <LinkCard key={i} link={e} count={i} />;
})} })}
</div> </div>

4
pages/search/[query].tsx
View File

@ -1,5 +1,5 @@
import FilterSearchDropdown from "@/components/FilterSearchDropdown"; import FilterSearchDropdown from "@/components/FilterSearchDropdown";
import LinkList from "@/components/LinkList"; import LinkCard from "@/components/LinkCard";
import SortLinkDropdown from "@/components/SortLinkDropdown"; import SortLinkDropdown from "@/components/SortLinkDropdown";
import MainLayout from "@/layouts/MainLayout"; import MainLayout from "@/layouts/MainLayout";
import useLinkStore from "@/store/links"; import useLinkStore from "@/store/links";
@ -152,7 +152,7 @@ export default function Links() {
</div> </div>
{sortedLinks[0] ? ( {sortedLinks[0] ? (
sortedLinks.map((e, i) => { sortedLinks.map((e, i) => {
return <LinkList key={i} link={e} count={i} />; return <LinkCard key={i} link={e} count={i} />;
}) })
) : ( ) : (
<p className="text-sky-900"> <p className="text-sky-900">

4
pages/tags/[id].tsx
View File

@ -1,4 +1,4 @@
import LinkList from "@/components/LinkList"; import LinkCard from "@/components/LinkCard";
import useLinkStore from "@/store/links"; import useLinkStore from "@/store/links";
import { faHashtag, faSort } from "@fortawesome/free-solid-svg-icons"; import { faHashtag, faSort } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
@ -103,7 +103,7 @@ export default function () {
</div> </div>
<div className="grid 2xl:grid-cols-3 xl:grid-cols-2 gap-5"> <div className="grid 2xl:grid-cols-3 xl:grid-cols-2 gap-5">
{sortedLinks.map((e, i) => { {sortedLinks.map((e, i) => {
return <LinkList key={i} link={e} count={i} />; return <LinkCard key={i} link={e} count={i} />;
})} })}
</div> </div>
</div> </div>