diff --git a/frontend/src/components/selectResource/index.js b/frontend/src/components/selectResource/index.js
index 716e85e..ab3467c 100644
--- a/frontend/src/components/selectResource/index.js
+++ b/frontend/src/components/selectResource/index.js
@@ -3,6 +3,7 @@ import { makeStyles } from '@material-ui/core/styles';
import Grid from '@material-ui/core/Grid';
import ResourceCard from './resourceCard';
import Typography from '@material-ui/core/Typography';
+import CircularProgress from '@material-ui/core/CircularProgress';
const useStyles = makeStyles(theme => ({
@@ -61,149 +62,151 @@ export default function SelectResource() {
loadResources();
return (
+ resources.length === 0 ?
+ :
-
-
-
-
-
- Agriculture & Food
+
+
+
+
+
+ Agriculture & Food
+
+
+
+ {resources[0]}
+
+
-
-
- {resources[0]}
+
+
+
+
+
+ Construction
+
+
+
+
+ {resources[1]}
+
+
+
+
+
+
+
+
+ Fashion
+
+
+
+
+ {resources[2]}
+
+
+
+
+
+
+
+
+ Energy
+
+
+
+
+ {resources[3]}
+
+
+
+
+
+
+
+
+ Electronics
+
+
+
+
+ {resources[4]}
+
+
+
+
+
+
+
+
+ Automotive
+
+
+
+
+ {resources[5]}
+
+
+
+
+
+
+
+
+ Aerospace
+
+
+
+
+ {resources[6]}
+
+
+
+
+
+
+
+
+ Resources
+
+
+
+
+ {resources[7]}
+
+
+
+
+
+
+
+
+ Research
+
+
+
+
+ {resources[8]}
+
+
+
+
+
+
+
+
+ Others
+
+
+
+
+ {resources[9]}
+
-
-
-
-
- Construction
-
-
-
-
- {resources[1]}
-
-
-
-
-
-
-
-
- Fashion
-
-
-
-
- {resources[2]}
-
-
-
-
-
-
-
-
- Energy
-
-
-
-
- {resources[3]}
-
-
-
-
-
-
-
-
- Electronics
-
-
-
-
- {resources[4]}
-
-
-
-
-
-
-
-
- Automotive
-
-
-
-
- {resources[5]}
-
-
-
-
-
-
-
-
- Aerospace
-
-
-
-
- {resources[6]}
-
-
-
-
-
-
-
-
- Resources
-
-
-
-
- {resources[7]}
-
-
-
-
-
-
-
-
- Research
-
-
-
-
- {resources[8]}
-
-
-
-
-
-
-
-
- Others
-
-
-
-
- {resources[9]}
-
-
-
-
-
);
}