From aefdfabe3985d9f22dfcced92c8c9ca0d5a8ae08 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Tue, 14 Mar 2023 08:52:32 +0000
Subject: [PATCH] Add icons for all data types

---
 .../src/components/sheet/SheetRow.svelte      |  4 ----
 .../src/components/sheet/StickyColumn.svelte  |  1 -
 .../src/components/sheet/utils.js             | 22 ++++++++++++++-----
 3 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/packages/frontend-core/src/components/sheet/SheetRow.svelte b/packages/frontend-core/src/components/sheet/SheetRow.svelte
index aa0b7752d9..7c3f708f42 100644
--- a/packages/frontend-core/src/components/sheet/SheetRow.svelte
+++ b/packages/frontend-core/src/components/sheet/SheetRow.svelte
@@ -1,8 +1,6 @@
 <script>
   import { getContext } from "svelte"
-  import SheetCell from "./cells/SheetCell.svelte"
   import DataCell from "./cells/DataCell.svelte"
-  import { getCellRenderer } from "./renderers"
 
   export let row
   export let idx
@@ -11,12 +9,10 @@
     selectedCellId,
     reorder,
     selectedRows,
-    rows,
     renderedColumns,
     hoveredRowId,
     selectedCellMap,
     selectedCellRow,
-    menu,
   } = getContext("sheet")
 
   $: rowSelected = !!$selectedRows[row._id]
diff --git a/packages/frontend-core/src/components/sheet/StickyColumn.svelte b/packages/frontend-core/src/components/sheet/StickyColumn.svelte
index 4686a50cba..c8d0fbbe59 100644
--- a/packages/frontend-core/src/components/sheet/StickyColumn.svelte
+++ b/packages/frontend-core/src/components/sheet/StickyColumn.svelte
@@ -18,7 +18,6 @@
     config,
     selectedCellMap,
     selectedCellRow,
-    menu,
   } = getContext("sheet")
 
   $: scrollLeft = $scroll.left
diff --git a/packages/frontend-core/src/components/sheet/utils.js b/packages/frontend-core/src/components/sheet/utils.js
index 21f8d4a6e6..dd2dd4ee57 100644
--- a/packages/frontend-core/src/components/sheet/utils.js
+++ b/packages/frontend-core/src/components/sheet/utils.js
@@ -5,12 +5,22 @@ export const getColor = (idx, opacity = 0.3) => {
   return `hsla(${((idx + 1) * 222) % 360}, 90%, 75%, ${opacity})`
 }
 
+const DataTypeIconMap = {
+  options: "Dropdown",
+  datetime: "Date",
+  text: "Text",
+  barcodeqr: "Camera",
+  longform: "TextAlignLeft",
+  array: "Dropdown",
+  number: "Text",
+  boolean: "Boolean",
+  attachment: "AppleFiles",
+  link: "Link",
+  formula: "Calculator",
+  json: "Brackets",
+}
+
 export const getIconForField = field => {
   const type = field.schema.type
-  if (type === "options") {
-    return "Dropdown"
-  } else if (type === "datetime") {
-    return "Date"
-  }
-  return "Text"
+  return DataTypeIconMap[type] || "Text"
 }