From 1c93a7acb950fd5125e2866ee4c0557e4aaf50cc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sedat=20=C3=96zt=C3=BCrk?= <sedat.ozturk@sozsoft.com>
Date: Sun, 8 Feb 2026 20:37:18 +0300
Subject: [PATCH] =?UTF-8?q?Pivot=20men=C3=BCs=C3=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/views/list/Pivot.tsx | 182 ++++++++++++++++++++----------------
 1 file changed, 100 insertions(+), 82 deletions(-)

diff --git a/ui/src/views/list/Pivot.tsx b/ui/src/views/list/Pivot.tsx
index d7972a1b..d3457be7 100644
--- a/ui/src/views/list/Pivot.tsx
+++ b/ui/src/views/list/Pivot.tsx
@@ -32,8 +32,8 @@ import {
 } from './Utils'
 import { useFilters } from './useFilters'
 import WidgetGroup from '@/components/common/WidgetGroup'
-import { Button, Notification, toast } from '@/components/ui'
-import { FaCog, FaSave, FaTimes, FaUndo } from 'react-icons/fa'
+import { Button, Dropdown, Notification, toast } from '@/components/ui'
+import { FaChevronDown, FaCog, FaEllipsisV, FaSave, FaTimes, FaUndo } from 'react-icons/fa'
 import { usePermission } from '@/utils/hooks/usePermission'
 import { ROUTES_ENUM } from '@/routes/route.constant'
 import { usePWA } from '@/utils/hooks/usePWA'
@@ -422,89 +422,107 @@ const Pivot = (props: PivotProps) => {
         {gridDto && columnData && (
           <div className="p-1 bg-white dark:bg-neutral-800 dark:border-neutral-700 ">
             <div className="flex justify-end items-center">
-              <div className="relative pb-1 flex gap-1 border-b-1">
-                <label className="flex items-center gap-2 text-sm px-2 cursor-pointer">
-                  <Checkbox
-                    checked={showChart}
-                    onChange={(checked) => setShowChart(checked)}
-                  />
-                  <span>{translate('::ListForms.ListFormEdit.ShowChart') || 'Grafik'}</span>
+              <div className="relative flex gap-1">
+                <label className="flex items-center gap-1 text-xs cursor-pointer">
+                  <span>{translate('::ListForms.ListFormEdit.ShowChart')}</span>
+                  <Checkbox checked={showChart} onChange={(checked) => setShowChart(checked)} />
                 </label>
-
-                <Button
-                  size="xs"
-                  variant={'default'}
-                  className="text-sm flex items-center gap-1"
-                  onClick={clearPivotFilters}
-                  title={translate('::ListForms.ListForm.RemoveFilter')}
-                >
-                  <FaTimes className="w-3 h-3" /> {translate('::ListForms.ListForm.RemoveFilter')}
-                </Button>
-
-                <Button
-                  size="xs"
-                  variant={'default'}
-                  className="text-sm flex items-center gap-1"
-                  onClick={() => {
-                    const instance = gridRef.current?.instance()
-                    if (instance) {
-                      const ds = instance.getDataSource()
-                      if (ds && typeof ds.state === 'function') {
-                        const currentState = ds.state()
-                        customSaveState(currentState)
-                          .then(() => {
-                            toast.push(
-                              <Notification type="success" duration={2000}>
-                                {translate('::ListForms.ListForm.GridStateSaved')}
-                              </Notification>,
-                              { placement: 'top-end' },
-                            )
-                          })
-                          .catch(() => {
-                            toast.push(
-                              <Notification type="danger" duration={2500}>
-                                {translate('::ListForms.ListForm.GridStateSaveError')}
-                              </Notification>,
-                              { placement: 'top-end' },
-                            )
-                          })
-                      }
+                <div className="dx-menu">
+                  <Dropdown
+                    placement="bottom-end"
+                    renderTitle={
+                      <Button
+                        size="xs"
+                        variant={'default'}
+                        className="text-sm flex items-center gap-1 border-0"
+                        title="Menu"
+                      >
+                        <i className="dx-icon dx-icon-overflow"></i>
+                        <span>{translate('::ListForms.ListForm.GridMenu')}</span>
+                        <FaChevronDown className="w-2 h-2" />
+                      </Button>
                     }
-                  }}
-                  title={translate('::ListForms.ListForm.SaveGridState')}
-                >
-                  <FaSave className="w-3 h-3" /> {translate('::ListForms.ListForm.SaveGridState')}
-                </Button>
-
-                <Button
-                  size="xs"
-                  variant={'default'}
-                  className="text-sm flex items-center gap-1"
-                  onClick={resetPivotGridState}
-                  title={translate('::ListForms.ListForm.ResetGridState')}
-                >
-                  <FaUndo className="w-3 h-3" /> {translate('::ListForms.ListForm.ResetGridState')}
-                </Button>
-
-                {checkPermission(gridDto?.gridOptions.permissionDto.u) && (
-                  <Button
-                    size="xs"
-                    variant={'default'}
-                    className="text-sm"
-                    onClick={() => {
-                      window.open(
-                        ROUTES_ENUM.protected.saas.listFormManagement.edit.replace(
-                          ':listFormCode',
-                          listFormCode,
-                        ),
-                        isPwaMode ? '_self' : '_blank',
-                      )
-                    }}
-                    title={translate('::ListForms.ListForm.Manage')}
                   >
-                    <FaCog className="w-3 h-3" />
-                  </Button>
-                )}
+                    <Dropdown.Item
+                      eventKey="removeFilter"
+                      onClick={clearPivotFilters}
+                      className="px-2"
+                    >
+                      <span className="flex items-center gap-2">
+                        <FaTimes className="w-3 h-3" />
+                        <span>{translate('::ListForms.ListForm.RemoveFilter')}</span>
+                      </span>
+                    </Dropdown.Item>
+
+                    <Dropdown.Item
+                      eventKey="saveGridState"
+                      onClick={() => {
+                        const instance = gridRef.current?.instance()
+                        if (instance) {
+                          const ds = instance.getDataSource()
+                          if (ds && typeof ds.state === 'function') {
+                            const currentState = ds.state()
+                            customSaveState(currentState)
+                              .then(() => {
+                                toast.push(
+                                  <Notification type="success" duration={2000}>
+                                    {translate('::ListForms.ListForm.GridStateSaved')}
+                                  </Notification>,
+                                  { placement: 'top-end' },
+                                )
+                              })
+                              .catch(() => {
+                                toast.push(
+                                  <Notification type="danger" duration={2500}>
+                                    {translate('::ListForms.ListForm.GridStateSaveError')}
+                                  </Notification>,
+                                  { placement: 'top-end' },
+                                )
+                              })
+                          }
+                        }
+                      }}
+                      className="px-2"
+                    >
+                      <span className="flex items-center gap-2">
+                        <FaSave className="w-3 h-3" />
+                        <span>{translate('::ListForms.ListForm.SaveGridState')}</span>
+                      </span>
+                    </Dropdown.Item>
+
+                    <Dropdown.Item
+                      eventKey="resetGridState"
+                      onClick={resetPivotGridState}
+                      className="px-2"
+                    >
+                      <span className="flex items-center gap-2">
+                        <FaUndo className="w-3 h-3" />
+                        <span>{translate('::ListForms.ListForm.ResetGridState')}</span>
+                      </span>
+                    </Dropdown.Item>
+
+                    {checkPermission(gridDto?.gridOptions.permissionDto.u) && (
+                      <Dropdown.Item
+                        eventKey="formManager"
+                        onClick={() => {
+                          window.open(
+                            ROUTES_ENUM.protected.saas.listFormManagement.edit.replace(
+                              ':listFormCode',
+                              listFormCode,
+                            ),
+                            isPwaMode ? '_self' : '_blank',
+                          )
+                        }}
+                        className="px-2"
+                      >
+                        <span className="flex items-center gap-2">
+                          <FaCog className="w-3 h-3" />
+                          <span>{translate('::ListForms.ListForm.Manage')}</span>
+                        </span>
+                      </Dropdown.Item>
+                    )}
+                  </Dropdown>
+                </div>
               </div>
             </div>
             {showChart && (