mirror of https://github.com/usememos/memos
chore: fix linter
parent
257b8add8c
commit
133951328b
@ -1,38 +0,0 @@
|
||||
import { useEffect, useState } from "react";
|
||||
import { tagServiceClient } from "@/grpcweb";
|
||||
import { Tag } from "@/types/proto/api/v2/tag_service";
|
||||
import Icon from "../Icon";
|
||||
|
||||
const TagsSection = () => {
|
||||
const [tags, setTags] = useState<Tag[]>([]);
|
||||
|
||||
useEffect(() => {
|
||||
(async () => {
|
||||
const { tags } = await tagServiceClient.listTags({});
|
||||
setTags(tags);
|
||||
})();
|
||||
}, []);
|
||||
|
||||
return (
|
||||
tags.length > 0 && (
|
||||
<div className="w-full mt-2 flex flex-col p-2 bg-gray-50 dark:bg-black rounded-lg">
|
||||
<div className="w-full flex flex-row justify-between items-center">
|
||||
<span className="text-gray-400 font-medium text-sm pl-1">Tags</span>
|
||||
</div>
|
||||
<div className="w-full flex flex-row justify-start items-center flex-wrap">
|
||||
{tags.map((tag) => (
|
||||
<div
|
||||
key={tag.name}
|
||||
className="w-auto max-w-full px-1 flex flex-row justify-start items-center text-gray-500 hover:bg-gray-100 dark:hover:bg-zinc-900 rounded-lg"
|
||||
>
|
||||
<Icon.Hash className="w-4 h-auto opacity-80" />
|
||||
{tag.name}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
);
|
||||
};
|
||||
|
||||
export default TagsSection;
|
Loading…
Reference in New Issue