feat: Add User Table (#2)

[cengelbart39]

Adds a Chakra UI Table containing data from sample_data.json.

Sorts users by name alphabetically and only shows active users.

Closes #2.

[cengelbart39]

It doesn't like how I'm importing a JSON file. While this just displays a warning by ESLint when running locally, it becomes a problem here.

I'm not sure what's the best course of action to fix this. I could mess with the ESLint config or see if there's another way to import the file that won't run afoul of ESLint.

[miguel-merlin]

It doesn't like how I'm importing a JSON file. While this just displays a warning by ESLint when running locally, it becomes a problem here.

I'm not sure what's the best course of action to fix this. I could mess with the ESLint config or see if there's another way to import the file that won't run afoul of ESLint.

@cengelbart39 You can run npm run lint to fix linter warnings

[cengelbart39]

@miguel-merlin I get warning: Unexpected use of file extension "json" for "../sample_data.json" import/extensions since I'm importing the file, whether I run npm run lint directly or not.

[cengelbart39]

@miguel-merlin I get warning: Unexpected use of file extension "json" for "../sample_data.json" import/extensions since I'm importing the file, whether I run npm run lint directly or not.

@miguel-merlin Any thoughts on this?

[miguel-merlin]

@miguel-merlin I get warning: Unexpected use of file extension "json" for "../sample_data.json" import/extensions since I'm importing the file, whether I run npm run lint directly or not.

@miguel-merlin Any thoughts on this?

@cengelbart39 We deployed our backend last week; instead of fetching stuff from the JSON, you can use the API. You'll find it in the src/api/lib/users.tsx. You can use the getAllUsers endpoint which returns the sample JSON. You will have to wrap the API call in a useState hook.

[miguel-merlin]

@cengelbart39 I disabled the linter error for now.

[miguel-merlin]

Nice job! Thanks for contributing

[miguel-merlin]

@cengelbart39 Merged!