├── .gitignore ├── README.md ├── package.json ├── public ├── favicon.ico ├── img │ └── flags │ │ └── flags-iso │ │ └── flat │ │ └── 64 │ │ ├── AD.png │ │ ├── AE.png │ │ ├── AF.png │ │ ├── AG.png │ │ ├── AI.png │ │ ├── AL.png │ │ ├── AM.png │ │ ├── AN.png │ │ ├── AO.png │ │ ├── AQ.png │ │ ├── AR.png │ │ ├── AS.png │ │ ├── AT.png │ │ ├── AU.png │ │ ├── AW.png │ │ ├── AX.png │ │ ├── AZ.png │ │ ├── BA.png │ │ ├── BB.png │ │ ├── BD.png │ │ ├── BE.png │ │ ├── BF.png │ │ ├── BG.png │ │ ├── BH.png │ │ ├── BI.png │ │ ├── BJ.png │ │ ├── BL.png │ │ ├── BM.png │ │ ├── BN.png │ │ ├── BO.png │ │ ├── BR.png │ │ ├── BS.png │ │ ├── BT.png │ │ ├── BW.png │ │ ├── BY.png │ │ ├── BZ.png │ │ ├── CA.png │ │ ├── CC.png │ │ ├── CD.png │ │ ├── CF.png │ │ ├── CG.png │ │ ├── CH.png │ │ ├── CI.png │ │ ├── CK.png │ │ ├── CL.png │ │ ├── CM.png │ │ ├── CN.png │ │ ├── CO.png │ │ ├── CR.png │ │ ├── CU.png │ │ ├── CV.png │ │ ├── CW.png │ │ ├── CX.png │ │ ├── CY.png │ │ ├── CZ.png │ │ ├── DE.png │ │ ├── DJ.png │ │ ├── DK.png │ │ ├── DM.png │ │ ├── DO.png │ │ ├── DZ.png │ │ ├── EC.png │ │ ├── EE.png │ │ ├── EG.png │ │ ├── EH.png │ │ ├── ER.png │ │ ├── ES.png │ │ ├── ET.png │ │ ├── EU.png │ │ ├── FI.png │ │ ├── FJ.png │ │ ├── FK.png │ │ ├── FM.png │ │ ├── FO.png │ │ ├── FR.png │ │ ├── GA.png │ │ ├── GB.png │ │ ├── GD.png │ │ ├── GE.png │ │ ├── GG.png │ │ ├── GH.png │ │ ├── GI.png │ │ ├── GL.png │ │ ├── GM.png │ │ ├── GN.png │ │ ├── GQ.png │ │ ├── GR.png │ │ ├── GS.png │ │ ├── GT.png │ │ ├── GU.png │ │ ├── GW.png │ │ ├── GY.png │ │ ├── HK.png │ │ ├── HN.png │ │ ├── HR.png │ │ ├── HT.png │ │ ├── HU.png │ │ ├── IC.png │ │ ├── ID.png │ │ ├── IE.png │ │ ├── IL.png │ │ ├── IM.png │ │ ├── IN.png │ │ ├── IQ.png │ │ ├── IR.png │ │ ├── IS.png │ │ ├── IT.png │ │ ├── JE.png │ │ ├── JM.png │ │ ├── JO.png │ │ ├── JP.png │ │ ├── KE.png │ │ ├── KG.png │ │ ├── KH.png │ │ ├── KI.png │ │ ├── KM.png │ │ ├── KN.png │ │ ├── KP.png │ │ ├── KR.png │ │ ├── KW.png │ │ ├── KY.png │ │ ├── KZ.png │ │ ├── LA.png │ │ ├── LB.png │ │ ├── LC.png │ │ ├── LI.png │ │ ├── LK.png │ │ ├── LR.png │ │ ├── LS.png │ │ ├── LT.png │ │ ├── LU.png │ │ ├── LV.png │ │ ├── LY.png │ │ ├── MA.png │ │ ├── MC.png │ │ ├── MD.png │ │ ├── ME.png │ │ ├── MF.png │ │ ├── MG.png │ │ ├── MH.png │ │ ├── MK.png │ │ ├── ML.png │ │ ├── MM.png │ │ ├── MN.png │ │ ├── MO.png │ │ ├── MP.png │ │ ├── MQ.png │ │ ├── MR.png │ │ ├── MS.png │ │ ├── MT.png │ │ ├── MU.png │ │ ├── MV.png │ │ ├── MW.png │ │ ├── MX.png │ │ ├── MY.png │ │ ├── MZ.png │ │ ├── NA.png │ │ ├── NC.png │ │ ├── NE.png │ │ ├── NF.png │ │ ├── NG.png │ │ ├── NI.png │ │ ├── NL.png │ │ ├── NO.png │ │ ├── NP.png │ │ ├── NR.png │ │ ├── NU.png │ │ ├── NZ.png │ │ ├── OM.png │ │ ├── PA.png │ │ ├── PE.png │ │ ├── PF.png │ │ ├── PG.png │ │ ├── PH.png │ │ ├── PK.png │ │ ├── PL.png │ │ ├── PN.png │ │ ├── PR.png │ │ ├── PS.png │ │ ├── PT.png │ │ ├── PW.png │ │ ├── PY.png │ │ ├── QA.png │ │ ├── RO.png │ │ ├── RS.png │ │ ├── RU.png │ │ ├── RW.png │ │ ├── SA.png │ │ ├── SB.png │ │ ├── SC.png │ │ ├── SD.png │ │ ├── SE.png │ │ ├── SG.png │ │ ├── SH.png │ │ ├── SI.png │ │ ├── SK.png │ │ ├── SL.png │ │ ├── SM.png │ │ ├── SN.png │ │ ├── SO.png │ │ ├── SR.png │ │ ├── SS.png │ │ ├── ST.png │ │ ├── SV.png │ │ ├── SY.png │ │ ├── SZ.png │ │ ├── TC.png │ │ ├── TD.png │ │ ├── TF.png │ │ ├── TG.png │ │ ├── TH.png │ │ ├── TJ.png │ │ ├── TK.png │ │ ├── TL.png │ │ ├── TM.png │ │ ├── TN.png │ │ ├── TO.png │ │ ├── TR.png │ │ ├── TT.png │ │ ├── TV.png │ │ ├── TW.png │ │ ├── TZ.png │ │ ├── UA.png │ │ ├── UG.png │ │ ├── US.png │ │ ├── UY.png │ │ ├── UZ.png │ │ ├── VA.png │ │ ├── VC.png │ │ ├── VE.png │ │ ├── VG.png │ │ ├── VI.png │ │ ├── VN.png │ │ ├── VU.png │ │ ├── WF.png │ │ ├── WS.png │ │ ├── YE.png │ │ ├── YT.png │ │ ├── ZA.png │ │ ├── ZM.png │ │ ├── ZW.png │ │ ├── _abkhazia.png │ │ ├── _basque-country.png │ │ ├── _british-antarctic-territory.png │ │ ├── _commonwealth.png │ │ ├── _england.png │ │ ├── _gosquared.png │ │ ├── _kosovo.png │ │ ├── _mars.png │ │ ├── _nagorno-karabakh.png │ │ ├── _nato.png │ │ ├── _northern-cyprus.png │ │ ├── _olympics.png │ │ ├── _red-cross.png │ │ ├── _scotland.png │ │ ├── _somaliland.png │ │ ├── _south-ossetia.png │ │ ├── _united-nations.png │ │ ├── _unknown.png │ │ └── _wales.png ├── index.html └── manifest.json ├── src ├── App.css ├── App.js ├── App.scss ├── App.test.js ├── components │ ├── CountryCard.js │ └── Pagination.js ├── index.css ├── index.js ├── index.scss ├── logo.svg └── registerServiceWorker.js └── yarn.lock /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/ignore-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | 6 | # testing 7 | /coverage 8 | 9 | # production 10 | /build 11 | 12 | # misc 13 | .DS_Store 14 | .env.local 15 | .env.development.local 16 | .env.test.local 17 | .env.production.local 18 | 19 | npm-debug.log* 20 | yarn-debug.log* 21 | yarn-error.log* 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Building Pagination (React) Demo 2 | 3 | **You can checkout the full article on Scotch: [Build Custom Pagination with React](https://scotch.io/tutorials/build-custom-pagination-with-react).** 4 | 5 | This project contains a demo source code showing how to build a custom pagination component in a [React][react] application. Prior experience working with the React framework is required for complete understanding of the demo code. You can checkout the [docs][react-docs] to learn more about React. 6 | 7 | Here is a screenshot of the demo React application: 8 | 9 | ![Demo Application](https://i.imgur.com/JID5WGR.gif) 10 | 11 | Before you begin, make sure you have [`npm`][npm] and [`node`][node] installed on your system. It is recommended that you use [`yarn`][yarn] instead of `npm` to run and manage the package. Follow this [guide to install yarn][yarn-install] on your system. 12 | 13 | Once you have either `yarn` or `npm` installed, run the following commands to get started. 14 | 15 | > Note that this demo was bootstrapped using the `create-react-app` package. You can look through this [extensive guide for the available scripts](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#available-scripts). 16 | 17 | **Using NPM** 18 | 19 | ```sh 20 | npm install 21 | npm start 22 | ``` 23 | 24 | **Using Yarn** 25 | 26 | ```sh 27 | yarn 28 | yarn start 29 | ``` 30 | 31 | You can also get a [live demo on Code Sandbox][code-demo]. 32 | 33 | [![Edit l29rokm9rm](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/l29rokm9rm?hidenavigation=1&view=preview) 34 | 35 | 36 | [react-docs]: https://reactjs.org/docs/ 37 | [react]: https://reactjs.org/ 38 | [code-demo]: https://codesandbox.io/s/l29rokm9rm 39 | [node]: https://nodejs.org/en/ 40 | [npm]: https://npmjs.com/ 41 | [yarn]: https://yarnpkg.com/ 42 | [yarn-install]: https://yarnpkg.com/lang/en/docs/install/ 43 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "paginating-react-demo", 3 | "version": "0.1.0", 4 | "private": true, 5 | "dependencies": { 6 | "bootstrap": "^4.1.0", 7 | "countries-api": "^2.0.1", 8 | "prop-types": "^15.6.1", 9 | "react": "^16.3.2", 10 | "react-dom": "^16.3.2", 11 | "react-flags": "^0.1.13", 12 | "react-scripts": "1.1.4" 13 | }, 14 | "scripts": { 15 | "start:js": "react-scripts start", 16 | "build:js": "react-scripts build", 17 | "start": "npm-run-all -p watch:css start:js", 18 | "build": "npm-run-all build:css build:js", 19 | "test": "react-scripts test --env=jsdom", 20 | "eject": "react-scripts eject", 21 | "build:css": "node-sass-chokidar --include-path ./src --include-path ./node_modules src/ -o src/", 22 | "watch:css": "npm run build:css && node-sass-chokidar --include-path ./src --include-path ./node_modules src/ -o src/ --watch --recursive" 23 | }, 24 | "devDependencies": { 25 | "node-sass-chokidar": "^1.2.2", 26 | "npm-run-all": "^4.1.2" 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/favicon.ico -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/AD.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/AD.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/AE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/AE.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/AF.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/AF.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/AG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/AG.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/AI.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/AI.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/AL.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/AL.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/AM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/AM.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/AN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/AN.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/AO.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/AO.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/AQ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/AQ.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/AR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/AR.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/AS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/AS.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/AT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/AT.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/AU.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/AU.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/AW.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/AW.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/AX.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/AX.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/AZ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/AZ.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/BA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/BA.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/BB.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/BB.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/BD.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/BD.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/BE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/BE.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/BF.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/BF.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/BG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/BG.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/BH.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/BH.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/BI.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/BI.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/BJ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/BJ.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/BL.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/BL.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/BM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/BM.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/BN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/BN.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/BO.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/BO.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/BR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/BR.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/BS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/BS.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/BT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/BT.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/BW.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/BW.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/BY.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/BY.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/BZ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/BZ.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/CA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/CA.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/CC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/CC.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/CD.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/CD.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/CF.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/CF.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/CG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/CG.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/CH.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/CH.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/CI.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/CI.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/CK.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/CK.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/CL.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/CL.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/CM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/CM.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/CN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/CN.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/CO.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/CO.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/CR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/CR.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/CU.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/CU.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/CV.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/CV.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/CW.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/CW.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/CX.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/CX.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/CY.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/CY.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/CZ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/CZ.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/DE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/DE.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/DJ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/DJ.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/DK.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/DK.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/DM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/DM.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/DO.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/DO.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/DZ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/DZ.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/EC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/EC.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/EE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/EE.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/EG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/EG.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/EH.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/EH.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/ER.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/ER.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/ES.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/ES.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/ET.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/ET.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/EU.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/EU.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/FI.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/FI.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/FJ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/FJ.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/FK.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/FK.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/FM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/FM.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/FO.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/FO.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/FR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/FR.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/GA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/GA.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/GB.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/GB.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/GD.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/GD.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/GE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/GE.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/GG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/GG.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/GH.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/GH.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/GI.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/GI.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/GL.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/GL.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/GM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/GM.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/GN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/GN.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/GQ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/GQ.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/GR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/GR.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/GS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/GS.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/GT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/GT.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/GU.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/GU.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/GW.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/GW.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/GY.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/GY.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/HK.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/HK.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/HN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/HN.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/HR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/HR.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/HT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/HT.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/HU.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/HU.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/IC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/IC.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/ID.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/ID.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/IE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/IE.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/IL.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/IL.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/IM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/IM.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/IN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/IN.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/IQ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/IQ.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/IR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/IR.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/IS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/IS.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/IT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/IT.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/JE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/JE.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/JM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/JM.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/JO.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/JO.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/JP.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/JP.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/KE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/KE.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/KG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/KG.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/KH.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/KH.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/KI.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/KI.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/KM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/KM.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/KN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/KN.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/KP.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/KP.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/KR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/KR.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/KW.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/KW.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/KY.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/KY.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/KZ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/KZ.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/LA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/LA.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/LB.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/LB.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/LC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/LC.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/LI.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/LI.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/LK.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/LK.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/LR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/LR.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/LS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/LS.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/LT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/LT.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/LU.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/LU.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/LV.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/LV.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/LY.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/LY.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/MA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/MA.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/MC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/MC.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/MD.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/MD.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/ME.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/ME.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/MF.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/MF.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/MG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/MG.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/MH.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/MH.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/MK.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/MK.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/ML.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/ML.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/MM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/MM.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/MN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/MN.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/MO.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/MO.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/MP.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/MP.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/MQ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/MQ.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/MR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/MR.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/MS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/MS.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/MT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/MT.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/MU.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/MU.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/MV.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/MV.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/MW.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/MW.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/MX.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/MX.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/MY.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/MY.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/MZ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/MZ.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/NA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/NA.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/NC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/NC.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/NE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/NE.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/NF.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/NF.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/NG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/NG.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/NI.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/NI.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/NL.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/NL.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/NO.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/NO.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/NP.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/NP.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/NR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/NR.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/NU.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/NU.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/NZ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/NZ.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/OM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/OM.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/PA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/PA.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/PE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/PE.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/PF.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/PF.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/PG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/PG.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/PH.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/PH.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/PK.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/PK.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/PL.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/PL.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/PN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/PN.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/PR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/PR.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/PS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/PS.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/PT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/PT.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/PW.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/PW.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/PY.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/PY.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/QA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/QA.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/RO.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/RO.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/RS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/RS.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/RU.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/RU.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/RW.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/RW.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/SA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/SA.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/SB.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/SB.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/SC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/SC.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/SD.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/SD.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/SE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/SE.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/SG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/SG.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/SH.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/SH.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/SI.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/SI.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/SK.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/SK.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/SL.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/SL.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/SM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/SM.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/SN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/SN.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/SO.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/SO.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/SR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/SR.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/SS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/SS.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/ST.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/ST.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/SV.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/SV.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/SY.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/SY.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/SZ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/SZ.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/TC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/TC.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/TD.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/TD.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/TF.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/TF.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/TG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/TG.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/TH.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/TH.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/TJ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/TJ.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/TK.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/TK.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/TL.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/TL.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/TM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/TM.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/TN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/TN.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/TO.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/TO.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/TR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/TR.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/TT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/TT.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/TV.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/TV.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/TW.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/TW.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/TZ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/TZ.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/UA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/UA.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/UG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/UG.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/US.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/US.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/UY.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/UY.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/UZ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/UZ.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/VA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/VA.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/VC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/VC.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/VE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/VE.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/VG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/VG.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/VI.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/VI.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/VN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/VN.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/VU.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/VU.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/WF.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/WF.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/WS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/WS.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/YE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/YE.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/YT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/YT.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/ZA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/ZA.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/ZM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/ZM.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/ZW.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/ZW.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/_abkhazia.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/_abkhazia.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/_basque-country.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/_basque-country.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/_british-antarctic-territory.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/_british-antarctic-territory.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/_commonwealth.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/_commonwealth.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/_england.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/_england.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/_gosquared.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/_gosquared.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/_kosovo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/_kosovo.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/_mars.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/_mars.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/_nagorno-karabakh.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/_nagorno-karabakh.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/_nato.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/_nato.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/_northern-cyprus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/_northern-cyprus.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/_olympics.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/_olympics.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/_red-cross.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/_red-cross.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/_scotland.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/_scotland.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/_somaliland.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/_somaliland.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/_south-ossetia.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/_south-ossetia.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/_united-nations.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/_united-nations.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/_unknown.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/_unknown.png -------------------------------------------------------------------------------- /public/img/flags/flags-iso/flat/64/_wales.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gladchinda/build-react-pagination-demo/8bd177696e153ed3c6a073d2ea1aa0389a492b2f/public/img/flags/flags-iso/flat/64/_wales.png -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 11 | 12 | 13 | 22 | React App 23 | 24 | 25 | 28 |
29 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | } 10 | ], 11 | "start_url": "./index.html", 12 | "display": "standalone", 13 | "theme_color": "#000000", 14 | "background_color": "#ffffff" 15 | } 16 | -------------------------------------------------------------------------------- /src/App.css: -------------------------------------------------------------------------------- 1 | /* Declare some variables */ 2 | /* Define Styles */ 3 | .current-page { 4 | font-size: 1.5rem; 5 | vertical-align: middle; } 6 | 7 | .country-card-container { 8 | height: 60px; 9 | cursor: pointer; 10 | position: relative; 11 | overflow: hidden; } 12 | 13 | .country-name { 14 | font-size: 0.9rem; } 15 | 16 | .country-region { 17 | font-size: 0.7rem; } 18 | 19 | .current-page, 20 | .country-name, 21 | .country-region { 22 | line-height: 1; } 23 | 24 | /* Override some Bootstrap pagination styles */ 25 | ul.pagination { 26 | margin-top: 0; 27 | margin-bottom: 0; 28 | box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } 29 | ul.pagination li.page-item.active a.page-link { 30 | color: #445565 !important; 31 | background-color: #e3e7eb !important; 32 | border-color: #ced4da !important; } 33 | ul.pagination a.page-link { 34 | padding: 0.75rem 1rem; 35 | min-width: 3.5rem; 36 | text-align: center; 37 | box-shadow: none !important; 38 | border-color: #ced4da !important; 39 | color: #6b88a4; 40 | font-weight: 900; 41 | font-size: 1rem; } 42 | ul.pagination a.page-link:hover { 43 | background-color: #f4f4f4; } 44 | -------------------------------------------------------------------------------- /src/App.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import Countries from 'countries-api'; 3 | import './App.css'; 4 | 5 | import Pagination from './components/Pagination'; 6 | import CountryCard from './components/CountryCard'; 7 | 8 | class App extends Component { 9 | 10 | state = { allCountries: [], currentCountries: [], currentPage: null, totalPages: null } 11 | 12 | componentDidMount() { 13 | const { data: allCountries = [] } = Countries.findAll(); 14 | this.setState({ allCountries }); 15 | } 16 | 17 | onPageChanged = data => { 18 | const { allCountries } = this.state; 19 | const { currentPage, totalPages, pageLimit } = data; 20 | 21 | const offset = (currentPage - 1) * pageLimit; 22 | const currentCountries = allCountries.slice(offset, offset + pageLimit); 23 | 24 | this.setState({ currentPage, currentCountries, totalPages }); 25 | } 26 | 27 | render() { 28 | const { allCountries, currentCountries, currentPage, totalPages } = this.state; 29 | const totalCountries = allCountries.length; 30 | 31 | if (totalCountries === 0) return null; 32 | 33 | const headerClass = ['text-dark py-2 pr-4 m-0', currentPage ? 'border-gray border-right' : ''].join(' ').trim(); 34 | 35 | return ( 36 |
37 |
38 | 39 |
40 |
41 | 42 |

43 | {totalCountries} Countries 44 |

45 | 46 | { currentPage && ( 47 | 48 | Page { currentPage } / { totalPages } 49 | 50 | ) } 51 | 52 |
53 | 54 |
55 | 56 |
57 |
58 | 59 | { currentCountries.map(country => ) } 60 | 61 |
62 |
63 | ); 64 | } 65 | 66 | } 67 | 68 | export default App; 69 | -------------------------------------------------------------------------------- /src/App.scss: -------------------------------------------------------------------------------- 1 | /* Declare some variables */ 2 | 3 | $base-color: #ced4da; 4 | $light-background: lighten(desaturate($base-color, 50%), 12.5%); 5 | 6 | /* Define Styles */ 7 | 8 | .current-page { 9 | font-size: 1.5rem; 10 | vertical-align: middle; 11 | } 12 | 13 | .country-card-container { 14 | height: 60px; 15 | cursor: pointer; 16 | position: relative; 17 | overflow: hidden; 18 | } 19 | 20 | .country-name { 21 | font-size: 0.9rem; 22 | } 23 | 24 | .country-region { 25 | font-size: 0.7rem; 26 | } 27 | 28 | .current-page, 29 | .country-name, 30 | .country-region { 31 | line-height: 1; 32 | } 33 | 34 | 35 | /* Override some Bootstrap pagination styles */ 36 | 37 | ul.pagination { 38 | margin-top: 0; 39 | margin-bottom: 0; 40 | box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); 41 | 42 | li.page-item.active { 43 | a.page-link { 44 | color: saturate(darken($base-color, 50%), 5%) !important; 45 | background-color: saturate(lighten($base-color, 7.5%), 2.5%) !important; 46 | border-color: $base-color !important; 47 | } 48 | } 49 | 50 | a.page-link { 51 | padding: 0.75rem 1rem; 52 | min-width: 3.5rem; 53 | text-align: center; 54 | box-shadow: none !important; 55 | border-color: $base-color !important; 56 | color: saturate(darken($base-color, 30%), 10%); 57 | font-weight: 900; 58 | font-size: 1rem; 59 | 60 | &:hover { 61 | background-color: $light-background; 62 | } 63 | } 64 | } 65 | -------------------------------------------------------------------------------- /src/App.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import App from './App'; 4 | 5 | it('renders without crashing', () => { 6 | const div = document.createElement('div'); 7 | ReactDOM.render(, div); 8 | ReactDOM.unmountComponentAtNode(div); 9 | }); 10 | -------------------------------------------------------------------------------- /src/components/CountryCard.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import PropTypes from 'prop-types'; 3 | import Flag from 'react-flags'; 4 | 5 | const CountryCard = props => { 6 | const { cca2: code2 = '', region = null, name = {} } = props.country || {}; 7 | 8 | return ( 9 |
10 |
11 | 12 |
13 | 14 | 15 | 16 |
17 | 18 |
19 | 20 | { name.common } 21 | 22 | { region } 23 | 24 |
25 | 26 |
27 |
28 | ) 29 | } 30 | 31 | CountryCard.propTypes = { 32 | country: PropTypes.shape({ 33 | cca2: PropTypes.string.isRequired, 34 | region: PropTypes.string.isRequired, 35 | name: PropTypes.shape({ 36 | common: PropTypes.string.isRequired 37 | }).isRequired 38 | }).isRequired 39 | }; 40 | 41 | export default CountryCard; 42 | -------------------------------------------------------------------------------- /src/components/Pagination.js: -------------------------------------------------------------------------------- 1 | import React, { Component, Fragment } from 'react'; 2 | import PropTypes from 'prop-types'; 3 | 4 | const LEFT_PAGE = 'LEFT'; 5 | const RIGHT_PAGE = 'RIGHT'; 6 | 7 | /** 8 | * Helper method for creating a range of numbers 9 | * range(1, 5) => [1, 2, 3, 4, 5] 10 | */ 11 | const range = (from, to, step = 1) => { 12 | let i = from; 13 | const range = []; 14 | 15 | while (i <= to) { 16 | range.push(i); 17 | i += step; 18 | } 19 | 20 | return range; 21 | } 22 | 23 | class Pagination extends Component { 24 | 25 | constructor(props) { 26 | super(props); 27 | const { totalRecords = null, pageLimit = 30, pageNeighbours = 0 } = props; 28 | 29 | this.pageLimit = typeof pageLimit === 'number' ? pageLimit : 30; 30 | this.totalRecords = typeof totalRecords === 'number' ? totalRecords : 0; 31 | 32 | // pageNeighbours can be: 0, 1 or 2 33 | this.pageNeighbours = typeof pageNeighbours === 'number' 34 | ? Math.max(0, Math.min(pageNeighbours, 2)) 35 | : 0; 36 | 37 | this.totalPages = Math.ceil(this.totalRecords / this.pageLimit); 38 | 39 | this.state = { currentPage: 1 }; 40 | } 41 | 42 | componentDidMount() { 43 | this.gotoPage(1); 44 | } 45 | 46 | gotoPage = page => { 47 | const { onPageChanged = f => f } = this.props; 48 | 49 | const currentPage = Math.max(0, Math.min(page, this.totalPages)); 50 | 51 | const paginationData = { 52 | currentPage, 53 | totalPages: this.totalPages, 54 | pageLimit: this.pageLimit, 55 | totalRecords: this.totalRecords 56 | }; 57 | 58 | this.setState({ currentPage }, () => onPageChanged(paginationData)); 59 | } 60 | 61 | handleClick = page => evt => { 62 | evt.preventDefault(); 63 | this.gotoPage(page); 64 | } 65 | 66 | handleMoveLeft = evt => { 67 | evt.preventDefault(); 68 | this.gotoPage(this.state.currentPage - (this.pageNeighbours * 2) - 1); 69 | } 70 | 71 | handleMoveRight = evt => { 72 | evt.preventDefault(); 73 | this.gotoPage(this.state.currentPage + (this.pageNeighbours * 2) + 1); 74 | } 75 | 76 | /** 77 | * Let's say we have 10 pages and we set pageNeighbours to 2 78 | * Given that the current page is 6 79 | * The pagination control will look like the following: 80 | * 81 | * (1) < {4 5} [6] {7 8} > (10) 82 | * 83 | * (x) => terminal pages: first and last page(always visible) 84 | * [x] => represents current page 85 | * {...x} => represents page neighbours 86 | */ 87 | fetchPageNumbers = () => { 88 | 89 | const totalPages = this.totalPages; 90 | const currentPage = this.state.currentPage; 91 | const pageNeighbours = this.pageNeighbours; 92 | 93 | /** 94 | * totalNumbers: the total page numbers to show on the control 95 | * totalBlocks: totalNumbers + 2 to cover for the left(<) and right(>) controls 96 | */ 97 | const totalNumbers = (this.pageNeighbours * 2) + 3; 98 | const totalBlocks = totalNumbers + 2; 99 | 100 | if (totalPages > totalBlocks) { 101 | 102 | const startPage = Math.max(2, currentPage - pageNeighbours); 103 | const endPage = Math.min(totalPages - 1, currentPage + pageNeighbours); 104 | 105 | let pages = range(startPage, endPage); 106 | 107 | /** 108 | * hasLeftSpill: has hidden pages to the left 109 | * hasRightSpill: has hidden pages to the right 110 | * spillOffset: number of hidden pages either to the left or to the right 111 | */ 112 | const hasLeftSpill = startPage > 2; 113 | const hasRightSpill = (totalPages - endPage) > 1; 114 | const spillOffset = totalNumbers - (pages.length + 1); 115 | 116 | switch (true) { 117 | // handle: (1) < {5 6} [7] {8 9} (10) 118 | case (hasLeftSpill && !hasRightSpill): { 119 | const extraPages = range(startPage - spillOffset, startPage - 1); 120 | pages = [LEFT_PAGE, ...extraPages, ...pages]; 121 | break; 122 | } 123 | 124 | // handle: (1) {2 3} [4] {5 6} > (10) 125 | case (!hasLeftSpill && hasRightSpill): { 126 | const extraPages = range(endPage + 1, endPage + spillOffset); 127 | pages = [...pages, ...extraPages, RIGHT_PAGE]; 128 | break; 129 | } 130 | 131 | // handle: (1) < {4 5} [6] {7 8} > (10) 132 | case (hasLeftSpill && hasRightSpill): 133 | default: { 134 | pages = [LEFT_PAGE, ...pages, RIGHT_PAGE]; 135 | break; 136 | } 137 | } 138 | 139 | return [1, ...pages, totalPages]; 140 | 141 | } 142 | 143 | return range(1, totalPages); 144 | 145 | } 146 | 147 | render() { 148 | 149 | if (!this.totalRecords || this.totalPages === 1) return null; 150 | 151 | const { currentPage } = this.state; 152 | const pages = this.fetchPageNumbers(); 153 | 154 | return ( 155 | 156 | 188 | 189 | ); 190 | 191 | } 192 | } 193 | 194 | Pagination.propTypes = { 195 | totalRecords: PropTypes.number.isRequired, 196 | pageLimit: PropTypes.number, 197 | pageNeighbours: PropTypes.number, 198 | onPageChanged: PropTypes.func 199 | }; 200 | 201 | export default Pagination; 202 | -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | padding: 0; 4 | font-family: sans-serif; } 5 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import 'bootstrap/dist/css/bootstrap.min.css'; 2 | import React from 'react'; 3 | import ReactDOM from 'react-dom'; 4 | import './index.css'; 5 | import App from './App'; 6 | import registerServiceWorker from './registerServiceWorker'; 7 | 8 | ReactDOM.render(, document.getElementById('root')); 9 | registerServiceWorker(); 10 | -------------------------------------------------------------------------------- /src/index.scss: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | padding: 0; 4 | font-family: sans-serif; 5 | } 6 | -------------------------------------------------------------------------------- /src/logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/registerServiceWorker.js: -------------------------------------------------------------------------------- 1 | // In production, we register a service worker to serve assets from local cache. 2 | 3 | // This lets the app load faster on subsequent visits in production, and gives 4 | // it offline capabilities. However, it also means that developers (and users) 5 | // will only see deployed updates on the "N+1" visit to a page, since previously 6 | // cached resources are updated in the background. 7 | 8 | // To learn more about the benefits of this model, read https://goo.gl/KwvDNy. 9 | // This link also includes instructions on opting out of this behavior. 10 | 11 | const isLocalhost = Boolean( 12 | window.location.hostname === 'localhost' || 13 | // [::1] is the IPv6 localhost address. 14 | window.location.hostname === '[::1]' || 15 | // 127.0.0.1/8 is considered localhost for IPv4. 16 | window.location.hostname.match( 17 | /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/ 18 | ) 19 | ); 20 | 21 | export default function register() { 22 | if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) { 23 | // The URL constructor is available in all browsers that support SW. 24 | const publicUrl = new URL(process.env.PUBLIC_URL, window.location); 25 | if (publicUrl.origin !== window.location.origin) { 26 | // Our service worker won't work if PUBLIC_URL is on a different origin 27 | // from what our page is served on. This might happen if a CDN is used to 28 | // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374 29 | return; 30 | } 31 | 32 | window.addEventListener('load', () => { 33 | const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`; 34 | 35 | if (isLocalhost) { 36 | // This is running on localhost. Lets check if a service worker still exists or not. 37 | checkValidServiceWorker(swUrl); 38 | 39 | // Add some additional logging to localhost, pointing developers to the 40 | // service worker/PWA documentation. 41 | navigator.serviceWorker.ready.then(() => { 42 | console.log( 43 | 'This web app is being served cache-first by a service ' + 44 | 'worker. To learn more, visit https://goo.gl/SC7cgQ' 45 | ); 46 | }); 47 | } else { 48 | // Is not local host. Just register service worker 49 | registerValidSW(swUrl); 50 | } 51 | }); 52 | } 53 | } 54 | 55 | function registerValidSW(swUrl) { 56 | navigator.serviceWorker 57 | .register(swUrl) 58 | .then(registration => { 59 | registration.onupdatefound = () => { 60 | const installingWorker = registration.installing; 61 | installingWorker.onstatechange = () => { 62 | if (installingWorker.state === 'installed') { 63 | if (navigator.serviceWorker.controller) { 64 | // At this point, the old content will have been purged and 65 | // the fresh content will have been added to the cache. 66 | // It's the perfect time to display a "New content is 67 | // available; please refresh." message in your web app. 68 | console.log('New content is available; please refresh.'); 69 | } else { 70 | // At this point, everything has been precached. 71 | // It's the perfect time to display a 72 | // "Content is cached for offline use." message. 73 | console.log('Content is cached for offline use.'); 74 | } 75 | } 76 | }; 77 | }; 78 | }) 79 | .catch(error => { 80 | console.error('Error during service worker registration:', error); 81 | }); 82 | } 83 | 84 | function checkValidServiceWorker(swUrl) { 85 | // Check if the service worker can be found. If it can't reload the page. 86 | fetch(swUrl) 87 | .then(response => { 88 | // Ensure service worker exists, and that we really are getting a JS file. 89 | if ( 90 | response.status === 404 || 91 | response.headers.get('content-type').indexOf('javascript') === -1 92 | ) { 93 | // No service worker found. Probably a different app. Reload the page. 94 | navigator.serviceWorker.ready.then(registration => { 95 | registration.unregister().then(() => { 96 | window.location.reload(); 97 | }); 98 | }); 99 | } else { 100 | // Service worker found. Proceed as normal. 101 | registerValidSW(swUrl); 102 | } 103 | }) 104 | .catch(() => { 105 | console.log( 106 | 'No internet connection found. App is running in offline mode.' 107 | ); 108 | }); 109 | } 110 | 111 | export function unregister() { 112 | if ('serviceWorker' in navigator) { 113 | navigator.serviceWorker.ready.then(registration => { 114 | registration.unregister(); 115 | }); 116 | } 117 | } 118 | --------------------------------------------------------------------------------