From 99b0ce24e4d56100746016995c20f9bb9c109072 Mon Sep 17 00:00:00 2001
From: Nathan-SR <144961007+Nathan-SR@users.noreply.github.com>
Date: Mon, 10 Jun 2024 04:01:01 -0400
Subject: adding/removing children from collection works (probably buggy);
 backspace delete broken

---
 .../collectionSchema/SchemaColumnHeader.tsx        | 23 +++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

(limited to 'src/client/views/collections/collectionSchema/SchemaColumnHeader.tsx')

diff --git a/src/client/views/collections/collectionSchema/SchemaColumnHeader.tsx b/src/client/views/collections/collectionSchema/SchemaColumnHeader.tsx
index dd4a13776..dbbf76ea7 100644
--- a/src/client/views/collections/collectionSchema/SchemaColumnHeader.tsx
+++ b/src/client/views/collections/collectionSchema/SchemaColumnHeader.tsx
@@ -22,6 +22,7 @@ import { SnappingManager } from '../../../util/SnappingManager';
 import { undoable } from '../../../util/UndoManager';
 import { FInfo } from '../../../documents/Documents';
 import { ColumnType } from '../../../../fields/SchemaHeaderField';
+import { IconButton, Size } from 'browndash-components';
 
 export interface SchemaColumnHeaderProps {
     Document: Doc;
@@ -174,10 +175,26 @@ export class SchemaColumnHeader extends ObservableReactComponent<SchemaColumnHea
                     <div>{this.editableView}</div>
 
                     <div className="schema-header-menu">
-                        <div className="schema-header-button" onPointerDown={e => this._props.openContextMenu(e.clientX, e.clientY, this._props.columnIndex)}>
-                            <FontAwesomeIcon icon="ellipsis-h" />
+                        <div className="schema-header-button">
+                            <IconButton
+                            icon={ <FontAwesomeIcon icon="caret-down" size='lg'/>}
+                            size={Size.XSMALL}
+                            color={'black'}
+                            onPointerDown={e =>
+                                setupMoveUpEvents(
+                                    this,
+                                    e,
+                                    returnFalse,
+                                    emptyFunction,
+                                    undoable(clickEv => {
+                                        clickEv.stopPropagation();
+                                        this._props.openContextMenu(e.clientX, e.clientY, this._props.columnIndex)
+                                    }, 'open column menu')
+                                )
+                            }
+                        />
                         </div>
-                    </div>
+                    </div>  
                 </div>
         );
     }
-- 
cgit v1.2.3-70-g09d2