fix

Author: maooz4426

client/src/app/community/signup/tags/page.tsx

@@ -2,7 +2,7 @@ import { TagCard } from "@/features/tags/components/TagCard";
 import style from "./style.module.scss";
 
 const RegisterTags = () => {
-  const mockData = {
+  const _mockData = {
     message: "sign in successful",
     tags: [
       {

client/src/app/user/home/page.tsx

@@ -23,7 +23,7 @@ export default function Home() {
   const [searchQueryTag, setSearchQueryTag] = useState("");
 
   const filteredTags = tags?.filter(tag =>
-    tag.name.toLowerCase().includes(searchQueryTag.toLowerCase())
+    tag.name.toLowerCase().includes(searchQueryTag.toLowerCase()),
   );
 
   useEffect(() => {
@@ -91,7 +91,7 @@ export default function Home() {
             type="text"
             placeholder="タグ名で検索..."
             value={searchQueryTag}
-            onChange={(e) => setSearchQueryTag(e.target.value)}
+            onChange={e => setSearchQueryTag(e.target.value)}
             className="mb-4"
           />
           <ScrollArea className="w-full whitespace-nowrap rounded-md gap-1">

client/src/app/user/signup/tags/page.tsx

@@ -2,7 +2,7 @@ import { TagCard } from "@/features/tags/components/TagCard";
 import style from "./style.module.scss";
 
 const RegisterTags = () => {
-  const mockData = {
+  const _mockData = {
     message: "sign in successful",
     tags: [
       {

client/src/features/home/community/components/SearchTags.tsx

@@ -1,7 +1,7 @@
 import CardTag from "@/components/tags/card-tag";
-import { TagType } from "@/features/tags/types/tag";
-import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
 import { Input } from "@/components/ui/input";
+import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
+import { TagType } from "@/features/tags/types/tag";
 import { useState } from "react";
 import style from "../styles/search-tags.module.scss";
 
@@ -14,7 +14,7 @@ export function SearchTags({ tags, handleTagClick }: SearchTagsProps) {
   const [searchQuery, setSearchQuery] = useState("");
 
   const filteredTags = tags?.filter(tag =>
-    tag.name.toLowerCase().includes(searchQuery.toLowerCase())
+    tag.name.toLowerCase().includes(searchQuery.toLowerCase()),
   );
 
   return (
@@ -24,7 +24,7 @@ export function SearchTags({ tags, handleTagClick }: SearchTagsProps) {
         type="text"
         placeholder="タグ名で検索..."
         value={searchQuery}
-        onChange={(e) => setSearchQuery(e.target.value)}
+        onChange={e => setSearchQuery(e.target.value)}
         className="mb-4"
       />
       <ScrollArea className="w-full whitespace-nowrap rounded-md border gap-1">
@@ -39,4 +39,4 @@ export function SearchTags({ tags, handleTagClick }: SearchTagsProps) {
       </ScrollArea>
     </div>
   );
-}
+}

client/src/features/tags/components/TagCard.tsx

@@ -15,14 +15,12 @@ import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
 import { userAtom } from "@/features/account/stores";
 import { communityAtom } from "@/features/account/stores";
 import { ButtonVariant, TagType } from "@/features/tags/types/tag";
-import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
 import { apiClient } from "@/utils/client";
 import { useAtom } from "jotai";
 import { useRouter } from "next/navigation";
 import { useEffect, useRef, useState } from "react";
 import { SearchBar } from "./SearchBar";
 import style from "./style.module.scss";
-import { SearchBar } from "./SearchBar";
 
 type TagCardProps = {
   type: "user" | "community";
@@ -44,7 +42,8 @@ export const TagCard = ({ type }: TagCardProps) => {
   const totalSelectedTags = new Set([...selectedRegularTags, ...selectedAiTags]);
 
   const filteredTags = tags.filter(tag =>
-    tag.name.toLowerCase().includes(searchQuery.toLowerCase())
+    tag.name.toLowerCase().includes(searchQuery.toLowerCase()),
+  );
 
   useEffect(() => {
     console.log("aiRecommendedTags updated:", aiRecommendedTags);
@@ -136,7 +135,7 @@ export const TagCard = ({ type }: TagCardProps) => {
     };
   }, [type, currentUser?.uuid, currentCommunity?.uuid]);
 
-  const handleTagClick = (index: number, isAiTag: boolean = false) => {
+  const handleTagClick = (index: number, isAiTag = false) => {
     if (isAiTag) {
       const aiTag = aiRecommendedTags[index];
       const regularTagIndex = tags.findIndex(tag => tag.name === aiTag.name);
@@ -161,7 +160,6 @@ export const TagCard = ({ type }: TagCardProps) => {
               return newRegularSet;
             });
           }
-
         }
         return newSet;
       });
@@ -213,7 +211,7 @@ export const TagCard = ({ type }: TagCardProps) => {
 
     const selectedTagNames = [
       ...Array.from(selectedRegularTags).map(index => tags[index]?.name),
-      ...Array.from(selectedAiTags).map(index => aiRecommendedTags[index]?.name)
+      ...Array.from(selectedAiTags).map(index => aiRecommendedTags[index]?.name),
     ].filter(Boolean);
 
     try {
@@ -243,10 +241,7 @@ export const TagCard = ({ type }: TagCardProps) => {
         </CardDescription>
       </CardHeader>
       <CardContent>
-        <SearchBar 
-          searchQuery={searchQuery}
-          setSearchQuery={setSearchQuery}
-        />
+        <SearchBar searchQuery={searchQuery} setSearchQuery={setSearchQuery} />
         <ScrollArea className="w-full h-[120px] whitespace-nowrap rounded-md border">
           <div className={style.tagContainer}>
             {filteredTags.map((tag, index) => (