Progress

client/src/components/LinkList.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import Link from './Link';
-
+import { LINKS_PER_PAGE } from '../constants';
 import { useQuery, gql } from '@apollo/client';
 
-const FEED_QUERY = gql`
+export const FEED_QUERY = gql`
   {
     feed {
       id
@@ -12,25 +12,35 @@ const FEED_QUERY = gql`
         createdAt
         url
         description
+        postedBy {
+          id
+          name
+        }
+        votes {
+          id
+          user {
+            id
+          }
+        }
       }
     }
   }
 `;
 
 const LinkList = () => {
-    const { data } = useQuery(FEED_QUERY);
+  const { data } = useQuery(FEED_QUERY);
 
-    return (
-        <div>
-            {data && (
-                <>
-                    {data.feed.links.map((link) => (
-                        <Link key={link.id} link={link} />
-                    ))}
-                </>
-            )}
-        </div>
-    );
+  return (
+    <div>
+      {data && (
+        <>
+          {data.feed.links.map((link, index) => (
+            <Link key={link.id} link={link} index={index} />
+          ))}
+        </>
+      )}
+    </div>
+  );
 };
 
 // const LinkList = () => {