reya/lume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated hasNewerNote

Browse Source
This commit is contained in:
Ren Amamiya
2023-03-16 15:09:58 +07:00
parent 9d96e3b5fd
commit 9a1ca404c3
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/newsfeed/following.tsx
View File

@@ -11,7 +11,7 @@ import { atomHasNewerNote } from '@stores/note';
import { dateToUnix } from '@utils/getDate'; import { dateToUnix } from '@utils/getDate';
import { useAtomValue } from 'jotai'; import { useAtom } from 'jotai';
import { useCallback, useState } from 'react'; import { useCallback, useState } from 'react';
import { JSXElementConstructor, ReactElement, ReactFragment, ReactPortal, useContext, useEffect, useRef } from 'react'; import { JSXElementConstructor, ReactElement, ReactFragment, ReactPortal, useContext, useEffect, useRef } from 'react';
import { Virtuoso } from 'react-virtuoso'; import { Virtuoso } from 'react-virtuoso';
@@ -21,7 +21,7 @@ export default function Page() {
const [data, setData] = useState([]); const [data, setData] = useState([]);
const [reload, setReload] = useState(false); const [reload, setReload] = useState(false);
const hasNewerNote = useAtomValue(atomHasNewerNote); const [hasNewerNote, setHasNewerNote] = useAtom(atomHasNewerNote);
const now = useRef(new Date()); const now = useRef(new Date());
const limit = useRef(30); const limit = useRef(30);
@@ -49,7 +49,8 @@ export default function Page() {
LIMIT ${limit.current}` LIMIT ${limit.current}`
); );
setData((data) => [...result, ...data]); setData((data) => [...result, ...data]);
}, [db]); setHasNewerNote(false);
}, [db, setHasNewerNote]);
const ItemContent = useCallback( const ItemContent = useCallback(
(index: string | number) => { (index: string | number) => {
@@ -100,7 +101,7 @@ export default function Page() {
return ( return (
<div className="relative h-full w-full"> <div className="relative h-full w-full">
{hasNewerNote && ( {hasNewerNote && (
<div className="absolute top-16 left-1/2 z-50 -translate-x-1/2 transform"> <div className="absolute top-8 left-1/2 z-50 -translate-x-1/2 transform">
<button <button
onClick={() => loadNewest()} onClick={() => loadNewest()}
className="inline-flex h-8 transform items-center justify-center gap-1 rounded-full bg-fuchsia-500 px-3 text-sm shadow-lg active:translate-y-1" className="inline-flex h-8 transform items-center justify-center gap-1 rounded-full bg-fuchsia-500 px-3 text-sm shadow-lg active:translate-y-1"