add deploy of the page

.github/workflows/deploy.yml

@@ -0,0 +1,33 @@
+name: Build and Deploy to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main # Set this to your default branch
+
+concurrency:  # Cancel previous workflows on the same pull request
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: latest # Set this to the node version you are using
+
+      - name: Install Dependencies
+        run: npm install
+
+      - name: Build
+        run: npm run build
+
+      - name: Deploy
+        uses: JamesIves/github-pages-deploy-action@releases/v4
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          branch: gh-pages # The branch the action should deploy to.
+          folder: build # The folder the action should deploy.

src/components/App.js

@@ -6,9 +6,8 @@ import RowPlotContainer from "./RowPlotContainer";
 import "../styles/App.css";
 
 function App() {
-  // const url = "https://spikeinterface-template-database.s3.us-east-2.amazonaws.com/test_templates";
-  const url = "http://localhost:8000/zarr_store.zarr";
-  // const url = "/zarr_store.zarr"
+  const url = "https://spikeinterface-template-database.s3.us-east-2.amazonaws.com/test_templates";
+  //const url = "http://localhost:8000/zarr_store.zarr";
   const storeRef = new HTTPStore(url);
   const [selectedTemplates, setSelectedTemplates] = useState(new Set()); // Updated to useState
   const [templateIndices, setTemplateIndices] = useState([]);