quick search button

viewer/src/routes/+page.svelte

@@ -6,6 +6,7 @@
     import EditModal from "./EditModal.svelte";
     import { fetchRows, addEntry } from "./bridge";
     import { statusMessage } from "./store";
+    import SearchButtonComponent from "./SearchButtonComponent.svelte";
 
     let rows: Row[] = [];
     let columns: TableColumn<Row>[] = [
@@ -254,6 +255,14 @@
             renderComponent: EditButtonComponent,
             hideFilterHeader: true,
         },
+        {
+            key: "Search",
+            title: "",
+            value: (v: Row) => "",
+            sortable: false,
+            renderComponent: SearchButtonComponent,
+            hideFilterHeader: true,
+        }
     ];
 
     let selection: Record<string | number, any> = {};

viewer/src/routes/SearchButtonComponent.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+    import Row from "./Row";
+
+    export let row: Row;
+    export let col;
+
+    let key = col.key;
+
+    function onEditButtonClick(row: Row) {
+        const searchName = row.Name + " hugging face";
+        window.open("https://www.google.com/search?q=" + searchName);
+    }
+</script>
+
+<button on:click={() => onEditButtonClick(row)}>{key}</button>