Adds actions files for ui (#384)

.github/workflows/ui-build.yml

@@ -0,0 +1,28 @@
+name: Build & Test UI
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  build-test:
+    name: Build & Test UI
+    strategy:
+      matrix:
+        runner: [ubuntu-latest, ubicloud]
+    runs-on: ${{ matrix.runner }}
+    steps:
+      - name: checkout
+        uses: actions/checkout@v3
+
+      - name: Install Node.js dependencies
+        working-directory: ui
+        run: yarn install --frozen-lockfile
+
+      - name: Build
+        working-directory: ui
+        run: yarn build

.github/workflows/ui-lint.yml

@@ -0,0 +1,36 @@
+name: Lint UI
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+permissions:
+  checks: write
+  contents: write
+
+jobs:
+  run-linters:
+    name: Run UI linters
+    strategy:
+      matrix:
+        runner: [ubuntu-latest, ubicloud]
+    runs-on: ${{ matrix.runner }}
+    steps:
+      - name: checkout
+        uses: actions/checkout@v3
+
+      - name: Install Node.js dependencies
+        working-directory: ui
+        run: yarn install --frozen-lockfile
+
+      - name: lint
+        uses: wearerequired/lint-action@v2
+        with:
+          eslint: true
+          prettier: true
+          eslint_dir: ui
+          prettier_dir: ui

generate_protos.sh

@@ -0,0 +1,12 @@
+#!/bin/bash
+set -xeuo pipefail
+
+# check if buf is installed
+if ! command -v buf &> /dev/null
+then
+    echo "buf could not be found"
+    echo "Please install buf: https://buf.build/docs/installation"
+    exit
+fi
+
+buf generate protos

ui/.eslintrc.json

@@ -1,7 +1,3 @@
 {
-  "extends": [
-    "next",
-    "plugin:storybook/recommended",
-    "prettier"
-  ]
+  "extends": ["next", "plugin:storybook/recommended", "prettier"]
 }

ui/.prettierignore

@@ -1,2 +1,3 @@
 node_modules
-.next
+.next
+**/grpc_generated

ui/app/connectors/page.tsx

@@ -10,7 +10,6 @@ import { SearchField } from '@/lib/SearchField';
 import { Select } from '@/lib/Select';
 import { Table, TableCell, TableRow } from '@/lib/Table';
 import { GetFlowServiceClient } from '@/rpc/rpc';
-import getConfig from 'next/config';
 import Link from 'next/link';
 import { Suspense } from 'react';
 import { Header } from '../../lib/Header';