Format check gh action

.github/workflows/test.yaml

@@ -2,29 +2,57 @@ name: Tests
 on:
   push:
     branches:
-      - 'main'
+      - "main"
   pull_request:
-      branches:
-      - 'main'
+    branches:
+      - "main"
 
 env:
   CARGO_TERM_COLOR: always
 
 jobs:
+  lint:
+    name: Lint Checks
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '20'
+
+      - name: Npm Install
+        run: cd ui && npm install
+
+      - name: UI Lint Check
+        run: cd ui && npm run lint
+
+      - name: Setup Rust
+        uses: actions-rs/toolchain@v1
+        with:
+          toolchain: nightly
+          components: rustfmt
+          override: true
+
+      - name: Rust Format Check
+        run: |
+          cargo +nightly fmt -- --check
   test:
+    name: Run Tests
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v3
-    - name: Install protoc
-      run: sudo apt install -y protobuf-compiler npm
-    - name: Set up Python 3.9
-      uses: actions/setup-python@v2
-      with:
-        python-version: 3.9
-    - name: Test
-      run: ./run_tests.sh
-    - name: Clear up space
-      run: |
-        docker stop --time 90 $(docker ps -aq) || true
-        docker rm --force $(docker ps -aq) || true
-        docker rmi --force $(docker images -aq) || true
+      - uses: actions/checkout@v3
+      - name: Install protoc
+        run: sudo apt install -y protobuf-compiler npm
+      - name: Set up Python 3.9
+        uses: actions/setup-python@v2
+        with:
+          python-version: 3.9
+      - name: Test
+        run: ./run_tests.sh
+      - name: Clear up space
+        run: |
+          docker stop --time 90 $(docker ps -aq) || true
+          docker rm --force $(docker ps -aq) || true
+          docker rmi --force $(docker images -aq) || true

ui/package.json

@@ -33,7 +33,8 @@
     "dev": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "lint": "npx eslint --max-warnings 0 ./src"
   },
   "eslintConfig": {
     "extends": [
@@ -54,6 +55,7 @@
     ]
   },
   "devDependencies": {
-    "@babel/plugin-proposal-private-property-in-object": "^7.21.11"
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "eslint": "^8.56.0"
   }
 }

ui/src/routes/Namespace/index.tsx

@@ -30,6 +30,18 @@ const NamespacePage = () => {
 
   return (
     <Stack direction="column" spacing={3}>
+      <Box display={"flex"} alignItems={"center"}>
+        <CircleIcon
+          sx={{
+            width: "30px",
+            color: stringToColor(client.namespace),
+            mr: 1,
+          }}
+        />
+        <Typography variant="h2" component="h1">
+          {client.namespace}
+        </Typography>
+      </Box>
       <ExtractionPoliciesTable
         namespace={client.namespace}
         extractionPolicies={client.extractionPolicies}