From e15a04d84ec758b64d6c2a559876a1ddac9b0b09 Mon Sep 17 00:00:00 2001
From: Noam Honig <noam.honig@gmail.com>
Date: Thu, 25 Apr 2024 18:13:45 +0300
Subject: [PATCH] updated the position of the filters

---
 .../data-table/data-table-advanced-toolbar.tsx |  2 +-
 .../data-table/data-table-view-options.tsx     | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/examples/shadcn-react-table/src/components/data-table/data-table-advanced-toolbar.tsx b/examples/shadcn-react-table/src/components/data-table/data-table-advanced-toolbar.tsx
index 4c63cf15a..6c857edbd 100644
--- a/examples/shadcn-react-table/src/components/data-table/data-table-advanced-toolbar.tsx
+++ b/examples/shadcn-react-table/src/components/data-table/data-table-advanced-toolbar.tsx
@@ -53,7 +53,7 @@ export function DataTableAdvancedToolbar<TData>({
       )}
       {...props}
     >
-      <div className="ml-auto flex items-center gap-2">
+      <div className=" flex items-center gap-2">
         <div className={cn('flex items-center gap-2')}>
           {selectedOptions.map((selectedOption) => (
             <DataTableFilterItem
diff --git a/examples/shadcn-react-table/src/components/data-table/data-table-view-options.tsx b/examples/shadcn-react-table/src/components/data-table/data-table-view-options.tsx
index 46bb24619..2767dc8be 100644
--- a/examples/shadcn-react-table/src/components/data-table/data-table-view-options.tsx
+++ b/examples/shadcn-react-table/src/components/data-table/data-table-view-options.tsx
@@ -1,7 +1,7 @@
-import { MixerHorizontalIcon } from "@radix-ui/react-icons";
-import type { Table } from "@tanstack/react-table";
+import { MixerHorizontalIcon } from '@radix-ui/react-icons'
+import type { Table } from '@tanstack/react-table'
 
-import { Button } from "@/components/ui/button";
+import { Button } from '@/components/ui/button'
 import {
   DropdownMenu,
   DropdownMenuCheckboxItem,
@@ -9,10 +9,10 @@ import {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
+} from '@/components/ui/dropdown-menu'
 
 interface DataTableViewOptionsProps<TData> {
-  table: Table<TData>;
+  table: Table<TData>
 }
 
 export function DataTableViewOptions<TData>({
@@ -25,7 +25,7 @@ export function DataTableViewOptions<TData>({
           aria-label="Toggle columns"
           variant="outline"
           size="sm"
-          className="ml-auto hidden h-8 lg:flex"
+          className="ml-auto h-8 lg:flex"
         >
           <MixerHorizontalIcon className="mr-2 size-4" />
           View
@@ -38,7 +38,7 @@ export function DataTableViewOptions<TData>({
           .getAllColumns()
           .filter(
             (column) =>
-              typeof column.accessorFn !== "undefined" && column.getCanHide()
+              typeof column.accessorFn !== 'undefined' && column.getCanHide(),
           )
           .map((column) => {
             return (
@@ -50,9 +50,9 @@ export function DataTableViewOptions<TData>({
               >
                 <span className="truncate">{column.id}</span>
               </DropdownMenuCheckboxItem>
-            );
+            )
           })}
       </DropdownMenuContent>
     </DropdownMenu>
-  );
+  )
 }