approachNumberOne.js

import axios from 'axios';
import { displayUserFeedback } from './utils';

const axiosConfig = {
    headers: {
        Accept: 'application/json',
        'Content-Type': 'application/json'
    },
    timeout: 15000
};

const basePath = 'https://www.example.org/api/users';

export async function handleClickGetAllUsers() {
    try {
        const res = await axios.get(basePath, axiosConfig);
        
        return res.data;
    } catch () {
        // This is just a hypothetical utility function to display a toast
        // notification to the user in the event of an error.
        displayUserFeedback('There was an error retrieving the users.');
    }
}

export async function handleClickGetOneUser(userId) {
    try {
        const res = await axios.get(`${basePath}/${userId}`, axiosConfig);
        
        return res.data;
    } catch () {
        displayUserFeedback('There was an error retrieving the user.');
    }
}