Commit Graph

188 Commits (master)

Author SHA1 Message Date
Jason Zhu 10442f9dc8 Implemented pokedex list style 2023-04-17 22:34:18 +10:00
Jason Zhu 2857b1d131 Added react-lazy-load-image-component for lazy loading image in PokemonCard 2023-04-17 22:16:25 +10:00
Jason Zhu 3926267d77 Fixed setIsLoadingPokemons calling in fetchPokemonsInRegion 2023-04-17 19:13:28 +10:00
Jason Zhu c10c2f2608 Removed redundant cache clear code 2023-04-17 18:58:34 +10:00
Jason Zhu 00a8e7cba1 Transforms full Pokemon to pokemonCard in PokedexSlice to reduce store size 2023-04-17 18:43:29 +10:00
Jason Zhu 609b5621f1 Change number in PokemonCardProps to id 2023-04-17 00:26:13 +10:00
Jason Zhu 9338a70918 Renamed Pokemon component to PokemonCard 2023-04-17 00:14:29 +10:00
Jason Zhu 2d4426d84d Remove setPokemonList action, and replaced calling pokedexApi using regular fetch 2023-04-17 00:10:26 +10:00
Jason Zhu 91ead7f64f Modify pokedex.test.ts, clear up redundant code 2023-04-12 23:54:12 +10:00
Jason Zhu 8696392dce Implemented sortPokemonsByIdOrName and related unit tests 2023-04-12 23:44:13 +10:00
Jason Zhu 88fb450c5a Fixed pokedexApi.test.ts 2023-04-12 23:24:29 +10:00
Jason Zhu 92f7111943 Fixed filterPokemonByType problem by creating separate function and write unit tests 2023-04-12 23:23:52 +10:00
Jason Zhu fd21848a85 Implemented setTypeOptions and setSelectedType at correct place 2023-04-12 21:57:02 +10:00
Jason Zhu e2bbe1d959 Implemented filteredPokemonList feature 2023-04-11 19:50:59 +10:00
Jason Zhu 968c6c5d95 Added setTypeOptions in useEffect() 2023-04-11 18:46:48 +10:00
Jason Zhu 1801e43192 Recreate useGetRegionOptions and useGetSortOptions again for getting region and sort options in Filter.tsx 2023-04-11 18:33:34 +10:00
Jason Zhu 73fa644a55 initialize Filter by setSelectedRegion and fetchPokemonsInTheRegion 2023-04-11 18:12:38 +10:00
Jason Zhu 790c7828b1 Remove startAppListening import in pokedexSlice.ts 2023-04-11 17:33:28 +10:00
Jason Zhu 183ce62f30 Changed pokedex state variable name; And remove unnecessary listener middleware 2023-04-11 17:31:48 +10:00
Jason Zhu 81fcac97c6 Implement fetchPokemonsInTheRegion to get all pokemons from the region 2023-04-10 15:52:57 +10:00
Jason Zhu a09463a2b4 Implemented side effect of selectedRegion using app listener 2023-04-07 17:01:18 +10:00
Jason Zhu 83ae2f34d7 Change Redux code style by move all slice initialization process into pokedexSlice, Component are majorly for presentation 2023-04-06 23:57:05 +10:00
Jason Zhu fa4fb04efb Remove non-necessary addAppListener (dynamic plugin) 2023-04-05 21:37:57 +10:00
Jason Zhu 40358e3900 Created utils functions within Pokedex 2023-04-05 21:37:03 +10:00
Jason Zhu fed47e34b0 Fix importing from reduxjs/toolkit 2023-04-05 21:36:01 +10:00
Jason Zhu 63e3ce5fb6 Add setRegionPokemonIdsList in Filter 2023-04-05 21:34:53 +10:00
Jason Zhu 19c189c37d Setup typescripted listenerMiddleware 2023-04-04 23:12:22 +10:00
Jason Zhu f30edc9700 Move types with pokedexSlice into types/slice.ts 2023-04-02 23:51:23 +10:00
Jason Zhu 40049ef7b5 Remove unnecessary setRegionPokemonList endpoint 2023-04-02 23:50:22 +10:00
Jason Zhu 89b5b976e1 Removed getRegionPokemonList endpoint and related tests 2023-04-02 21:07:53 +10:00
Jason Zhu f4fd616b34 Steop using setRegionPokemonList, as now we link Region with Pokemon ID 2023-04-02 18:13:44 +10:00
Jason Zhu 5fee30437b Add TODO for removing unnecessary endpoints 2023-04-02 16:01:36 +10:00
Jason Zhu a831e76275 Add correct yarn test:watchAll command in package.json, and remove unnecessary App.test.tsx 2023-04-02 15:49:35 +10:00
Jason Zhu 3ee61e19f9 Install tslint config for webstorm 2023-03-31 23:11:30 +11:00
Jason Zhu be0903bd93 Trying to use getRegionPokemonList endpoint for Loading screen 2023-03-31 21:58:03 +11:00
Jason Zhu 54bd031092 Implement getRegionPokemonList with queryFn and related test cases (fix) 2023-03-28 22:46:53 +11:00
Jason Zhu f4da542ecd Implement getRegionPokemonList with queryFn and related test cases 2023-03-28 22:44:00 +11:00
Jason Zhu 5c87c25620 Modify Filter so it send selectedRegion and selectedType to pokedexSlice 2023-03-27 23:49:12 +11:00
Jason Zhu 0b2de88f4a Show loading image when GetRegionListQuery and GetTypeListQuery is loading 2023-03-27 23:29:10 +11:00
Jason Zhu 9eb1f1f971 Consolidate types/interfaces for api 2023-03-27 23:18:34 +11:00
Jason Zhu 5d6c09642c Implemented pokeApiAllPagesCustomBaseQuery and jest tests 2023-03-27 22:52:15 +11:00
Jason Zhu 6849b97726 Implemented test for getTypeList, getRegionList endpoints 2023-03-26 22:26:15 +11:00
Jason Zhu 6aa1baa5fd Remove unncessary beforeAfter in jest, store was re-created for every test 2023-03-26 20:09:58 +11:00
Jason Zhu 4db65c6375 Changed lint-staged.config.js for json files 2023-03-26 18:39:34 +11:00
Jason Zhu 00556e35d9 Installed msw for mocking server, add JEST tests for simple pokedexApi endpoints; Change lint-staged.config.js for json files 2023-03-26 18:39:04 +11:00
Jason Zhu 9ed782813d Fixed all .css files 2023-03-26 18:20:17 +11:00
Jason Zhu db682dc2a2 Move Loading screen into Pokedex.tsx 2023-03-26 15:56:51 +11:00
Jason Zhu 33b1f4f79c Configure Pokemon CSS correctly 2023-03-23 21:45:20 +11:00
Jason Zhu 3c91954e29 Implemented background image color of Pokemon Card 2023-03-23 21:21:46 +11:00
Jason Zhu 751704a8c2 Implemented jest test for Pokemon Card component (part 2): export formatNumber 2023-03-23 21:04:15 +11:00