make api calls named exports

Author: StackOverflowIsBetterThanAnyAI

src/api/fetchFeedItems.ts

@@ -2,7 +2,7 @@ import { RefObject, SetStateAction } from 'react'
 import { FeedItemsType } from '@/types/types'
 import { setItemInSessionStorage } from '@/utils/setItemInSessionStorage'
 
-const fetchFeedItems = async (
+export const fetchFeedItems = async (
     nextPage: RefObject<number>,
     PAGE_SIZE: number,
     setFeedItems: (value: SetStateAction<FeedItemsType[]>) => void
@@ -41,5 +41,3 @@ const fetchFeedItems = async (
         console.error('An error occurred while fetching the comments.', error)
     }
 }
-
-export default fetchFeedItems

src/api/fetchQuote.ts

@@ -2,7 +2,7 @@ import { Dispatch, SetStateAction } from 'react'
 import { QuoteType } from '@/types/types'
 import { setItemInSessionStorage } from '@/utils/setItemInSessionStorage'
 
-const fetchQuote = async (
+export const fetchQuote = async (
     setQuote: Dispatch<SetStateAction<QuoteType | null>>
 ) => {
     try {
@@ -32,5 +32,3 @@ const fetchQuote = async (
         console.error('An error occurred while fetching the quote.', error)
     }
 }
-
-export default fetchQuote

src/api/fetchUsers.ts

@@ -2,7 +2,7 @@ import { SetStateAction } from 'react'
 import { UsersType } from '@/types/types'
 import { setItemInSessionStorage } from '@/utils/setItemInSessionStorage'
 
-const fetchUsers = async (
+export const fetchUsers = async (
     setUsers: (value: SetStateAction<UsersType[]>) => void
 ) => {
     try {
@@ -32,5 +32,3 @@ const fetchUsers = async (
         console.error('An error occurred while fetching the users.', error)
     }
 }
-
-export default fetchUsers

src/components/quote/Quote.tsx

@@ -2,8 +2,8 @@ import { useCallback, useContext, useEffect, useState } from 'react'
 import { ContextContentLoaded } from '@/context/ContextContentLoaded'
 import { ContextQuote } from '@/context/ContextQuote'
 import { QuoteType } from '@/types/types'
-import fetchQuote from '@/api/fetchQuote'
 import { Skeleton } from '@/components/ui/skeleton'
+import { fetchQuote } from '@/api/fetchQuote'
 import { getItemFromSessionStorage } from '@/utils/getItemFromSessionStorage'
 
 const Quote = () => {

src/components/users/Users.tsx

@@ -14,10 +14,10 @@ import {
     CardTitle,
 } from '@/components/ui/card'
 import { Skeleton } from '@/components/ui/skeleton'
-import fetchUsers from '@/api/fetchUsers'
 import { ContextContentLoaded } from '@/context/ContextContentLoaded'
 import { ContextTopUsers } from '@/context/ContextTopUsers'
 import { UsersType } from '@/types/types'
+import { fetchUsers } from '@/api/fetchUsers'
 import { getItemFromSessionStorage } from '@/utils/getItemFromSessionStorage'
 import { useScreenWidth } from '@/hooks/useScreenWidth'