fix: proposal list box and PX

README.md

@@ -9,5 +9,18 @@ It turned out in rearchitecting everything from the ground up, mostly to be able
   - So to the left of x=0 is now x=4_294_967_295 but it all "just works"
 
 # How to run it
-- It's a regular Vite+React project, but you'll need the PixeLAW Core (dev)container running somewhere too.
+please run [p_war](https://github.com/pixelaw/p_war) first.
 
+```zsh
+$ git clone [email protected]:pixelaw/p_war.git
+$ cd ./p_war
+```
+
+then, please open the directory by using vscode, and build container with devcontainer.
+
+```zsh
+$ cd ../
+$ git clone [email protected]:pixelaw/p_war_client.git
+$ pnpm i
+$ pnpm run dev
+```

VERSION

@@ -1 +1 @@
-0.3.9
+0.3.9

graphql/GetAllowedColors.graphql

@@ -0,0 +1,11 @@
+query GetAllowedColors($game_id: usize) {
+  allowedColorModels (where: { game_idEQ: $game_id } ) {
+    edges {
+      node {
+        game_id
+        color
+        is_allowed
+      }
+    }
+  }
+}

graphql/GetGame.graphql

@@ -0,0 +1,15 @@
+query GetGame($id: usize) {
+  boardModels (where: { idEQ: $id }) {
+    edges {
+      node {
+        id,
+        origin {
+          x
+          y
+        }
+        height,
+        width
+      }
+    }
+  }
+}

graphql/GetPaletteColors.graphql

@@ -0,0 +1,11 @@
+query GetPaletteColors {
+   paletteColorsModels(order: { direction: ASC, field: IDX}, where: { game_idEQ: 1}) {
+    edges {
+      node {
+        game_id
+        idx
+        color
+      }
+    }
+  }
+}

graphql/GetPixelRecoveryRate.graphql

@@ -0,0 +1,10 @@
+ query GetPixelRecoveryRate {
+   pixelRecoveryRateModels(where: { game_idEQ: 1}) {
+    edges {
+      node {
+        game_id
+        rate
+      }
+    }
+  }
+}

graphql/GetPlayer.graphql

@@ -0,0 +1,15 @@
+ query GetPlayer($player_address: ContractAddress) {
+   playerModels(where: { addressEQ: $player_address}) {
+    edges {
+      node {
+       address
+        max_px
+        num_owns
+        num_commit
+        current_px
+        last_date
+        is_banned
+      }
+    }
+  }
+}

graphql/GetProposals.graphql

@@ -0,0 +1,18 @@
+query GetProposals($game_id: usize) {
+  proposalModels (where: { game_idEQ: $game_id }, order: { direction: DESC, field: INDEX} ) {
+    edges {
+      node {
+        game_id
+        index
+        author
+        proposal_type
+        target_color
+        start
+        end
+        yes_px
+        no_px
+        is_activated
+      }
+    }
+  }
+}

package.json

@@ -11,7 +11,8 @@
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "test": "vitest",
-    "coverage": "vitest run --coverage"
+    "coverage": "vitest run --coverage",
+    "create-components": "npx @dojoengine/core ./public/assets/manifest.json src/dojo/contractComponents.ts http://localhost:5050 0x60916a73fe631fcba3b2a930e21c6f7bb2533ea398c7bfa75c72f71a8709fc2"
   },
   "dependencies": {
     "@dojoengine/core": "^0.7.5",
@@ -22,19 +23,27 @@
     "@dojoengine/torii-client": "^0.7.5",
     "@dojoengine/utils": "^0.7.5",
     "@react-hook/resize-observer": "^2.0.1",
+    "@tanstack/react-query": "^5.49.2",
     "@types/upng-js": "^2.1.5",
     "autoprefixer": "^10.4.19",
     "browserify-zlib": "^0.2.0",
     "dotenv": "^16.4.5",
     "graphql": "^16.8.1",
     "graphql-request": "^7.0.1",
+    "graphql-tag": "^2.12.6",
+    "graphql-ws": "^5.16.0",
     "idb-keyval": "^6.2.1",
     "immer": "^10.1.1",
+    "micro-starknet": "^0.2.3",
     "pngjs3": "^6.1.1",
     "postcss": "^8.4.38",
     "react": "^18.2.0",
+    "react-color": "^2.19.3",
     "react-dom": "^18.2.0",
+    "react-icons": "^5.2.1",
     "react-router-dom": "^6.23.1",
+    "react-select": "^5.8.0",
+    "react-toastify": "^10.0.5",
     "starknet": "^6.9.0",
     "tailwindcss": "^3.4.4",
     "tailwindcss-animate": "^1.0.7",