#34

frontend/src/pages/posts/PostSearchPage.tsx

@@ -13,9 +13,11 @@ import PageTitle from '@/components/common/PageTitle'
 import Pagination from '@/components/common/Pagination'
 import TagInput from '@/components/common/TagInput'
 import MainArea from '@/components/layout/MainArea'
+import { useUserSettings } from '@/components/users/UserSettingsProvider'
 import { SITE_TITLE } from '@/config'
 import { fetchPosts } from '@/lib/posts'
 import { postsKeys } from '@/lib/queryKeys'
+import { toFetchPostsOrder } from '@/lib/settings'
 import { dateString, inputClass, originalCreatedAtString } from '@/lib/utils'
 
 import type { FC, FormEvent } from 'react'
@@ -34,14 +36,16 @@ const setIf = (qs: URLSearchParams, k: string, v: string | null) => {
 
 const PostSearchPage: FC = () => {
   const location = useLocation ()
+  const { settings } = useUserSettings ()
 
   const navigate = useNavigate ()
 
   const query = useMemo (() => new URLSearchParams (location.search),
 			 [location.search])
+  const defaultOrder = toFetchPostsOrder (settings.postListOrder)
 
   const page = Number (query.get ('page') ?? 1)
-  const limit = Number (query.get ('limit') ?? 20)
+  const limit = Number (query.get ('limit') ?? settings.postListLimit)
 
   const qURL = query.get ('url') ?? ''
   const qTitle = query.get ('title') ?? ''
@@ -53,7 +57,7 @@ const PostSearchPage: FC = () => {
   const qCreatedTo = query.get ('created_to') ?? ''
   const qUpdatedFrom = query.get ('updated_from') ?? ''
   const qUpdatedTo = query.get ('updated_to') ?? ''
-  const order = (query.get ('order') || 'original_created_at:desc') as FetchPostsOrder
+  const order = (query.get ('order') || defaultOrder) as FetchPostsOrder
 
   const [createdFrom, setCreatedFrom] = useState<string | null> (null)
   const [createdTo, setCreatedTo] = useState<string | null> (null)
@@ -81,6 +85,10 @@ const PostSearchPage: FC = () => {
       queryKey: postsKeys.index (keys),
       queryFn: () => fetchPosts (keys) })
   const results = data?.posts ?? []
+  const visibleResults =
+      settings.viewedPostDisplay === 'hide'
+      ? results.filter (row => !(row.viewed))
+      : results
   const totalPages = data ? Math.ceil (data.count / limit) : 0
 
   useEffect (() => {
@@ -239,7 +247,7 @@ const PostSearchPage: FC = () => {
 	  </form>
 	</div>
 
-	{loading ? 'Loading...' : (results.length > 0 ? (
+	{loading ? 'Loading...' : (visibleResults.length > 0 ? (
 	    <div className="mt-4">
 	      <div className="overflow-x-auto">
 		<table className="w-full min-w-[1200px] table-fixed border-collapse">
@@ -295,8 +303,14 @@ const PostSearchPage: FC = () => {
 		    </tr>
 		  </thead>
 		  <tbody>
-		    {results.map (row => (
-			<tr key={row.id} className="even:bg-gray-100 dark:even:bg-gray-700">
+		    {visibleResults.map (row => (
+			<tr
+			    key={row.id}
+			    className={
+				settings.viewedPostDisplay === 'dim' && row.viewed
+				? 'even:bg-gray-100 opacity-40 saturate-50 dark:even:bg-gray-700'
+				: 'even:bg-gray-100 dark:even:bg-gray-700'
+			    }>
 			  <td className="p-2">
 			    <PrefetchLink to={`/posts/${ row.id }`} title={row.title || undefined}>
 			      <motion.div