feat: refine style of tabbar (#17)

* rm get peer
* on destroy, set version
* added loader
* setup version to 0.3.5
* update lock file
* set version to 0.3.6

Makefile

@@ -6,5 +6,9 @@ lint:
 
 dev:
 	pnpm dev
+
+build:
+	pnpm build
+
 fmt:
 	npx eslint --fix --ext .tsx ./src

README.md

@@ -58,6 +58,23 @@ pnpm start:firefox
 
 > While Vite handles HMR automatically in the most of the case, [Extensions Reloader](https://chrome.google.com/webstore/detail/fimgfedafeadlieiabdeeaodndnlbhid) is still recommanded for cleaner hard reloading.
 
+
+#### Developing with Rings Node
+
+In released version, dependencity of `rings-node` is included via released `tgz` file, such as:
+
+```json
+"@ringsnetwork/rings-node": "https://github.com/RingsNetwork/rings-node/releases/download/v0.3.5/rings-v0.3.5-wasm32-unknown-unknown.tgz",
+```
+
+if you wanna modifiy node's implementation at same time, you can modifiy rings-node dependencies in `package.json` to local git path, like:
+
+```json
+"@ringsnetwork/rings-node": "git+file:../rings-node#master",
+```
+
+Note: this local git syntax is only supported by yarn.
+
 ### Build
 
 To build the extension, run

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rings_extension",
-  "version": "0.3.501",
+  "version": "0.3.6",
   "description": "Browser Extension of rings network",
   "keywords": [
     "extension",
@@ -62,13 +62,16 @@
     "document-ready": "^2.0.2",
     "events": "^3.3.0",
     "jotai": "^2.1.0",
+    "jszip": "^3.10.1",
     "metamask-extension-provider": "^3.0.0",
     "mitt": "^3.0.0",
     "process": "^0.11.10",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-icons": "^4.12.0",
     "react-router-dom": "^6.18.0",
     "viem": "^0.3.21",
+    "vite-plugin-virtual": "^0.2.0",
     "wagmi": "^1.0.2"
   },
   "devDependencies": {
@@ -100,6 +103,7 @@
     "npm-run-all": "^4.1.5",
     "prettier": "^2.8.7",
     "rimraf": "^4.4.1",
+    "rollup-plugin-copy": "^3.5.0",
     "terser": "^5.16.8",
     "tsup": "^6.7.0",
     "typescript": "4.9.5",