Merge pull request #250 from nishio/feature/reverse-event-groups

reverse EventGroups

Author: yu23ki14

docs/localnode.md

@@ -12,22 +12,22 @@ Install node modules
 $ yarn
 ```
 
-If you want to run local node on docker. please run this command.
+Copy env file
 
 ```
-$ docker-compose up
+$ cp .env.example .env
 ```
 
-Otherwise, please run this command.
+If you want to run local node on docker. please run this command.
 
 ```
-$ yarn localchain
+$ docker-compose up
 ```
 
-Copy env file
+Otherwise, please run this command.
 
 ```
-$ cp .env.example .env
+$ yarn localchain
 ```
 
 
@@ -37,6 +37,12 @@ _You need to do this step only once, if you are already done this, skip to step4
 
 #### 2.1 Use this params to add localnetwork to metamask
 
+Go to add network page
+
+<img src="https://github.com/hackdays-io/mint-rally/assets/18475563/7fd6966e-6f65-41af-9bd1-960137478e85" width="300px">
+
+Add Localnetwork
+
 <img src="./documentImages/addlocalnet2metamask.png" width="300px" />
 
 #### 2.2 Add local wallet to metamask

frontend/src/hooks/useEventManager.ts

@@ -155,7 +155,9 @@ export const useEventGroups = () => {
       if (!eventManager) throw "error";
       setLoading(true);
       const data = await eventManager.getGroups();
-      setGroups(data);
+      // `reverse` is destructive, data is immutable, so need to clone before reverse
+      const reversedData = reverse([...data]);
+      setGroups(reversedData);
       setLoading(false);
     };
     getEventGroups();