fix: sorts annotations on Reader mode

src/Components/Reader.js

@@ -4,35 +4,43 @@ import { connectMetamask, signV4 } from '../services/ethereum'
 import Annotation from '../Models/Annotation'
 import Logo from '../images/logo'
 import { ModalContext } from '../Contexts/ModalProvider';
-import { getAnnotationsByReference } from '../services/publisher'
 import { getAnnotationCIDsByReference } from '../services/graph'
 import { getAnnotationData } from '../services/ipfs'
+import { getAnnotationsByReference } from '../services/publisher'
 import { getTweetData } from '../helpers'
 
 const Reader = ({ setPage }) => {
   const [web3Enabled, setWeb3Enabled] = useState(false)
   const [title, setTitle] = useState("nothing...")
   const [tweetAnnotations, setTweetAnnotations] = useState([])
 
+  const sortByDate = (anno) => {
+    window.annotations = anno
+    return anno.sort((a, b) => {
+      const dateA = (new Date(a.payload.issuanceDate)).getTime()
+      const dateB = (new Date(b.payload.issuanceDate)).getTime()
+      return (dateB - dateA)
+    })
+  }
+
   useEffect(() => {
     (async () => {
       const { tweetId, tweetAuthor } = getTweetData()
+      let annotations = [];
       try {
-        const annotations = [];
         const annotationsFromPublisher = await getAnnotationsByReference({ reference: tweetId });
         for (const annotation of annotationsFromPublisher) {
-          annotations.push(new Annotation({  payload: annotation }));
+          annotations.push(new Annotation({ payload: annotation }));
         }
-        annotations.sort((a, b) => (new Date(a.getDate()) - new Date(b.getDate())));
+        annotations = sortByDate(annotations)
         setTweetAnnotations(annotations);
       } catch (error) {
         // fallback to the graph and ipfs
         const annotationCIDs = await getAnnotationCIDsByReference({ reference: tweetId });
-        const annotations = [];
         for (const annotationCID of annotationCIDs) {
           annotations.push(new Annotation({ payload: await getAnnotationData(annotationCID) }));
         }
-        annotations.sort((a, b) => (new Date(a.getDate()) - new Date(b.getDate())));
+        annotations = sortByDate(annotations)
         setTweetAnnotations(annotations);
       }
     })();

src/services/publisher.js

@@ -27,7 +27,7 @@ export async function post(body) {
     });
 }
 
-export async function getAnnotationsByReference({ first = 10, skip = 0, reference }) {
+export async function getAnnotationsByReference({ first = 100, skip = 0, reference }) {
     return get({ limit: first, offset: skip, content: reference });
 }