From b6f2887fce2bacff4c87f78d91c4dd69e9c2f010 Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Thu, 2 Jun 2022 11:37:55 +0800
Subject: [PATCH] chore: update Select color for dark mode

---
 .../grid/components/editor/SelectEditor.tsx   | 23 +++++++++----------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/studio/components/grid/components/editor/SelectEditor.tsx b/studio/components/grid/components/editor/SelectEditor.tsx
index e721b3df832..cdbbd2a547c 100644
--- a/studio/components/grid/components/editor/SelectEditor.tsx
+++ b/studio/components/grid/components/editor/SelectEditor.tsx
@@ -1,9 +1,8 @@
-import * as React from 'react';
-import { EditorProps } from '@supabase/react-data-grid';
+import * as React from 'react'
+import { EditorProps } from '@supabase/react-data-grid'
 
-interface SelectEditorProps<TRow, TSummaryRow = unknown>
-  extends EditorProps<TRow, TSummaryRow> {
-  options: { label: string; value: string }[];
+interface SelectEditorProps<TRow, TSummaryRow = unknown> extends EditorProps<TRow, TSummaryRow> {
+  options: { label: string; value: string }[]
 }
 
 export function SelectEditor<TRow, TSummaryRow = unknown>({
@@ -13,24 +12,24 @@ export function SelectEditor<TRow, TSummaryRow = unknown>({
   onClose,
   options,
 }: SelectEditorProps<TRow, TSummaryRow>) {
-  const value = (row[column.key as keyof TRow] as unknown) as string;
+  const value = row[column.key as keyof TRow] as unknown as string
 
   function onChange(event: React.ChangeEvent<HTMLSelectElement>) {
-    const value = event.target.value;
+    const value = event.target.value
     if (!value || value == '') {
-      onRowChange({ ...row, [column.key]: null }, true);
+      onRowChange({ ...row, [column.key]: null }, true)
     } else {
-      onRowChange({ ...row, [column.key]: value }, true);
+      onRowChange({ ...row, [column.key]: value }, true)
     }
   }
 
   function onBlur() {
-    onClose(false);
+    onClose(false)
   }
 
   return (
     <select
-      className="sb-grid-select-editor"
+      className="sb-grid-select-editor bg-scale-400 text-grid p-0 px-3"
       value={value ?? ''}
       onChange={onChange}
       onBlur={onBlur}
@@ -43,5 +42,5 @@ export function SelectEditor<TRow, TSummaryRow = unknown>({
         </option>
       ))}
     </select>
-  );
+  )
 }