add limit query parameter for FeedApi, check other APIs for missing options

src/api/eventApi.ts

@@ -8,6 +8,7 @@ export const URL = `${process.env.NEXT_PUBLIC_API_URL}/events/`;
 export interface Options {
   onlyNonPast?: boolean;
   limit?: number;
+  offset?: number;
   auth?: boolean;
 }
 
@@ -26,11 +27,14 @@ class EventApi {
   }
 
   static async getEvents(options: Options = {}): Promise<Event[]> {
-    const { onlyNonPast, limit, auth } = options;
+    const {
+      onlyNonPast, limit, offset, auth,
+    } = options;
     try {
       const params = {
         since: onlyNonPast ? (new Date()).toISOString() : undefined,
         limit,
+        offset,
       };
       const headers = auth ? { Authorization: getAuthHeader() } : null;
       const resp = await axios.get(`${URL}`, {

src/api/feedApi.ts

@@ -6,15 +6,23 @@ import { getAuthHeader } from "@utils/auth";
 export const URL = `${process.env.NEXT_PUBLIC_API_URL}/feed/`;
 
 export interface Options {
+  limit?: number;
+  offset?: number;
   auth?: boolean;
 }
 
 class FeedApi {
   static async getFeed(options: Options = {}): Promise<Post[]> {
-    const { auth } = options;
+    const {
+      limit, offset, auth,
+    } = options;
+    const params = {
+      limit,
+      offset,
+    };
     const headers = auth ? { Authorization: getAuthHeader() } : null;
     try {
-      const resp = await axios.get(URL, { headers });
+      const resp = await axios.get(URL, { params, headers });
       return resp.data.results;
     } catch (err) {
       console.error(err);

src/api/jobAdApi.ts

@@ -8,16 +8,20 @@ export const URL = `${process.env.NEXT_PUBLIC_API_URL}/jobads/`;
 export interface Options {
   onlyNonPast?: boolean;
   limit?: number;
+  offset?: number;
   auth?: boolean;
 }
 
 class JobAdApi {
   static async getJobAds(options: Options = {}): Promise<JobAd[]> {
-    const { onlyNonPast, limit, auth } = options;
+    const {
+      onlyNonPast, limit, offset, auth,
+    } = options;
     try {
       const params = {
         since: onlyNonPast ? (new Date()).toISOString() : undefined,
         limit,
+        offset,
       };
       const headers = auth ? { Authorization: getAuthHeader() } : null;
       const resp = await axios.get(`${URL}`, {

src/api/signupApi.ts

@@ -6,10 +6,12 @@ import { getAuthHeader } from "@utils/auth";
 export const URL = `${process.env.NEXT_PUBLIC_API_URL}/signup/`;
 export const FORM_URL = `${process.env.NEXT_PUBLIC_API_URL}/signupForm/`;
 
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
 export interface Options {
-  onlyNonPast?: boolean;
-  limit?: number;
-  auth?: boolean;
+  // onlyNonPast?: boolean;
+  // limit?: number;
+  // offset?: number;
+  // auth?: boolean;
 }
 
 class SignupApi {

src/api/tagApi.ts

@@ -4,10 +4,11 @@ import Tag from "@models/Tag";
 
 export const URL = `${process.env.NEXT_PUBLIC_API_URL}/tags/`;
 
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
 export interface Options {
-  onlyNonPast?: boolean;
-  limit?: number;
-  auth?: boolean;
+  // limit?: number;
+  // offset?: number;
+  // auth?: boolean;
 }
 
 class TagApi {

src/hooks/useFetchEvents.ts

@@ -10,7 +10,9 @@ const fetcher = (url: string, config: AxiosRequestConfig) => axios.get(url, conf
 
 const generateFetchParams = (id = "", options: Options = {}) => {
   const url = `${URL}${id}`;
-  const { auth, onlyNonPast, limit } = options;
+  const {
+    auth, onlyNonPast, limit, offset,
+  } = options;
 
   return {
     url,
@@ -18,6 +20,7 @@ const generateFetchParams = (id = "", options: Options = {}) => {
       params: {
         since: onlyNonPast ? (new Date()).toISOString() : undefined,
         limit,
+        offset,
       },
       headers: auth ? { Authorization: getAuthHeader() } : null,
     },

src/hooks/useFetchFeed.ts

@@ -10,11 +10,15 @@ const feedFetcher = (url: string, config?: AxiosRequestConfig) => axios.get(url,
 
 const generateFetchParams = (id = "", options: Options = {}) => {
   const url = `${URL}${id}`;
-  const { auth } = options;
+  const { auth, limit, offset } = options;
 
   return {
     url,
     config: {
+      params: {
+        limit,
+        offset,
+      },
       headers: auth ? { Authorization: getAuthHeader() } : null,
     },
   };

src/hooks/useFetchJobAds.ts

@@ -10,11 +10,18 @@ const jobAdFetcher = (url: string, config?: AxiosRequestConfig) => axios.get(url
 
 const generateFetchParams = (id = "", options: Options = {}) => {
   const url = `${URL}${id}`;
-  const { auth } = options;
+  const {
+    onlyNonPast, limit, offset, auth,
+  } = options;
 
   return {
     url,
     config: {
+      params: {
+        since: onlyNonPast ? (new Date()).toISOString() : undefined,
+        limit,
+        offset,
+      },
       headers: auth ? { Authorization: getAuthHeader() } : null,
     },
   };

src/pages/index.tsx

@@ -15,6 +15,10 @@ const eventOptions = {
   limit: 4,
 };
 
+const feedOptions = {
+  limit: 4,
+};
+
 interface InitialProps {
   initialEvents: Event[];
   initialFeed: Post[];
@@ -22,7 +26,7 @@ interface InitialProps {
 
 const FrontPage: NextPage<InitialProps> = ({ initialEvents, initialFeed }) => {
   const eventResult = useFetchEvents({ initialData: initialEvents, options: eventOptions });
-  const feedResult = useFetchFeed({ initialData: initialFeed });
+  const feedResult = useFetchFeed({ initialData: initialFeed, options: feedOptions });
 
   return (
     <>
@@ -38,7 +42,7 @@ const FrontPage: NextPage<InitialProps> = ({ initialEvents, initialFeed }) => {
 
 export const getStaticProps: GetStaticProps<InitialProps> = async () => {
   const initialEvents = await EventApi.getEvents(eventOptions);
-  const initialFeed = await FeedApi.getFeed();
+  const initialFeed = await FeedApi.getFeed(feedOptions);
   return {
     props: {
       initialEvents,