#34

frontend/src/components/PostList.tsx

@@ -2,7 +2,6 @@ import { motion } from 'framer-motion'
 import { useRef } from 'react'
 import { useLocation } from 'react-router-dom'
 
-import { useUserSettings } from '@/components/users/UserSettingsProvider'
 import PrefetchLink from '@/components/PrefetchLink'
 import { cn } from '@/lib/utils'
 import { useSharedTransitionStore } from '@/stores/sharedTransitionStore'
@@ -17,7 +16,6 @@ type Props = { posts:     Post[]
 
 const PostList: FC<Props> = ({ posts, onClick }) => {
   const location = useLocation ()
-  const { settings } = useUserSettings ()
 
   const setForLocationKey = useSharedTransitionStore (s => s.setForLocationKey)
 
@@ -44,9 +42,6 @@ const PostList: FC<Props> = ({ posts, onClick }) => {
 		    layoutId={layoutId}
 		    className={cn ('w-full h-full overflow-hidden rounded-xl shadow',
 				   'transform-gpu will-change-transform',
-				   settings.viewedPostDisplay === 'dim'
-				   && post.viewed
-				   && 'opacity-40 saturate-50',
 				   (post.childPosts ?? []).length > 0 && 'ring-4 ring-green-500',
 				   (post.parentPosts ?? []).length > 0 && 'ring-4 ring-yellow-500')}
 		    whileHover={{ scale: 1.02 }}

frontend/src/components/common/TagInput.test.tsx

@@ -26,7 +26,7 @@ describe ('TagInput', () => {
     await waitFor (() => {
       expect (api.apiGet).toHaveBeenCalledWith (
           '/tags/autocomplete',
-          { params: { q: '虹夏' } },
+          { params: { q: '虹夏', nico: '0' } },
       )
     })
     expect (setValue).toHaveBeenCalledWith ('ぼっち 虹夏')
@@ -41,4 +41,20 @@ describe ('TagInput', () => {
     expect (api.apiGet).not.toHaveBeenCalled ()
     expect (setValue).toHaveBeenCalledWith (' ')
   })
+
+  it ('sends nico=1 only when includeNico is true', async () => {
+    const setValue = vi.fn ()
+    api.apiGet.mockResolvedValueOnce ([buildTag ({ name: '虹夏', postCount: 2 })])
+
+    render (<TagInput value="" setValue={setValue} includeNico={true}/>)
+
+    fireEvent.change (screen.getByRole ('textbox'), { target: { value: '虹夏' } })
+
+    await waitFor (() => {
+      expect (api.apiGet).toHaveBeenCalledWith (
+          '/tags/autocomplete',
+          { params: { q: '虹夏', nico: '1' } },
+      )
+    })
+  })
 })

frontend/src/components/common/TagInput.tsx

@@ -1,6 +1,5 @@
 import { useState } from 'react'
 
-import { useUserSettings } from '@/components/users/UserSettingsProvider'
 import TagSearchBox from '@/components/TagSearchBox'
 import { apiGet } from '@/lib/api'
 import { inputClass } from '@/lib/utils'
@@ -11,17 +10,23 @@ import type { Tag } from '@/types'
 
 
 type Props = {
+    includeNico?:   boolean
     describedBy?:  string
     invalid?:      boolean
     value:         string
     setValue:      (value: string) => void }
 
 
-const TagInput: FC<Props> = ({ describedBy, invalid, value, setValue }) => {
+const TagInput: FC<Props> = ({
+    includeNico = false,
+    describedBy,
+    invalid,
+    value,
+    setValue,
+}) => {
   const [activeIndex, setActiveIndex] = useState (-1)
   const [suggestions, setSuggestions] = useState<Tag[]> ([])
   const [suggestionsVsbl, setSuggestionsVsbl] = useState (false)
-  const { settings } = useUserSettings ()
 
   // TODO: TagSearch からのコピペのため，共通化を考へる．
   const whenChanged = async (ev: ChangeEvent<HTMLInputElement>) => {
@@ -36,7 +41,7 @@ const TagInput: FC<Props> = ({ describedBy, invalid, value, setValue }) => {
 
     const data = await apiGet<Tag[]> ('/tags/autocomplete', { params: {
 	q,
-	nico: settings.tagAutocompleteNico ? '1' : '0' } })
+	nico: includeNico ? '1' : '0' } })
     const nextSuggestions = data.filter (t => t.postCount > 0)
     setSuggestions (nextSuggestions)
     setSuggestionsVsbl (nextSuggestions.length > 0)

frontend/src/components/users/UserSettingsProvider.tsx

@@ -89,11 +89,6 @@ export const UserSettingsProvider: FC<{
 
   useEffect (() => applyTheme (settings.theme), [settings.theme])
 
-  useEffect (() => {
-    document.documentElement.dataset.displayDensity = settings.displayDensity
-    document.documentElement.dataset.fontSize = settings.fontSize
-  }, [settings.displayDensity, settings.fontSize])
-
   const value = useMemo<ContextValue> (() => ({
       error,
       loaded,