From c0a8d3e6052d8a2f3a68510b1083592d382e137a Mon Sep 17 00:00:00 2001
From: ioedeveloper <daviddisu8@gmail.com>
Date: Tue, 24 Jun 2025 18:22:34 +0100
Subject: [PATCH] Add property for corner button in grid view

---
 .../grid-view/src/lib/remix-ui-grid-cell.tsx  | 24 ++++++++++++-------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/libs/remix-ui/grid-view/src/lib/remix-ui-grid-cell.tsx b/libs/remix-ui/grid-view/src/lib/remix-ui-grid-cell.tsx
index d1b01903907..5ab81a0c2f4 100644
--- a/libs/remix-ui/grid-view/src/lib/remix-ui-grid-cell.tsx
+++ b/libs/remix-ui/grid-view/src/lib/remix-ui-grid-cell.tsx
@@ -30,6 +30,9 @@ interface RemixUIGridCellProps {
   handleExpand?: any
   id: string
   searchKeywords?: string[]
+  cornerBtnLabel?: string
+  cornerBtnCallback?: () => void
+  cornerBtnCSS?: string
 }
 
 export const RemixUIGridCell = (props: RemixUIGridCellProps) => {
@@ -110,15 +113,18 @@ export const RemixUIGridCell = (props: RemixUIGridCellProps) => {
                 }
               </div> }
               { props.children }
-              { filterCon.showPin && <button
-                className={`${pinned ? 'fas fa-toggle-on fa-lg text-dark' : 'fas fa-toggle-off fa-lg text-secondary'}` + ` fa-regular border-0 p-0 mt-2 align-self-end mr-1 remixui_grid_cell_pin`}
-                style={{ fontSize: 'large' }}
-                data-id={`${pinned ? `${props.id}-pinned` : `${props.id}-unpinned`}`}
-                onClick={async () => {
-                  if (!props.pinStateCallback) setPinned(!pinned)
-                  if (await props.pinStateCallback(!pinned)) setPinned(!pinned)
-                }}
-              ></button>}
+              <div className='d-flex w-100 flex-row justify-content-between'>
+                { props.cornerBtnLabel || props.cornerBtnCSS ? <button className={props.cornerBtnCSS} onClick={() => props.cornerBtnCallback && props.cornerBtnCallback()}>{props.cornerBtnLabel}</button> : <div></div> }
+                { filterCon.showPin && <button
+                  className={`${pinned ? 'fas fa-toggle-on fa-lg text-dark' : 'fas fa-toggle-off fa-lg text-secondary'}` + ` fa-regular border-0 p-0 mt-2 align-self-end mr-1 remixui_grid_cell_pin`}
+                  style={{ fontSize: 'large' }}
+                  data-id={`${pinned ? `${props.id}-pinned` : `${props.id}-unpinned`}`}
+                  onClick={async () => {
+                    if (!props.pinStateCallback) setPinned(!pinned)
+                    if (await props.pinStateCallback(!pinned)) setPinned(!pinned)
+                  }}
+                ></button>}
+              </div>
             </div>
           </div>