From 73fdfefdb36e0d80837b0bd739822836908d4e0a Mon Sep 17 00:00:00 2001
From: Akalanka Perera <akalankaperera128@gmail.com>
Date: Thu, 5 Dec 2024 12:45:50 +0530
Subject: [PATCH] Fix: issue in seat icon visibility and removed a few unwanted
 types

---
 src/components/workspace/elements/seat.tsx |  2 +-
 src/stories/designer/basic.stories.tsx     | 13 -------------
 src/stories/options.ts                     |  5 -----
 src/styles/index.css                       |  2 +-
 src/types/index.ts                         |  1 -
 src/types/styles.ts                        |  9 ---------
 6 files changed, 2 insertions(+), 30 deletions(-)

diff --git a/src/components/workspace/elements/seat.tsx b/src/components/workspace/elements/seat.tsx
index 2548b16..7a3e8bc 100644
--- a/src/components/workspace/elements/seat.tsx
+++ b/src/components/workspace/elements/seat.tsx
@@ -152,7 +152,7 @@ const Seat: React.FC<ISeatProps> = forwardRef(
             width={seatSize * 0.75}
             height={seatSize * 0.75}
             size={seatSize * 0.75}
-            className={consumer.styles?.elements?.seat?.icon?.className}
+            className={twMerge(consumer.styles?.elements?.seat?.icon?.className, "stk-seat-icon")}
             style={consumer.styles?.elements?.seat?.icon?.properties}
           />
         )}
diff --git a/src/stories/designer/basic.stories.tsx b/src/stories/designer/basic.stories.tsx
index 6a2fce9..21d27c3 100644
--- a/src/stories/designer/basic.stories.tsx
+++ b/src/stories/designer/basic.stories.tsx
@@ -13,19 +13,6 @@ export const Story = {
   render: (props) => <SeatToolkit mode={STKMode.DESIGNER} {...props} />
 };
 
-export const WithoutFooter = {
-  render: (props) => (
-    <SeatToolkit
-      mode={STKMode.DESIGNER}
-      {...props}
-      options={{
-        showFooter: false,
-        ...props.options
-      }}
-    />
-  )
-};
-
 export const WithReloadButton = {
   render: (props) => (
     <SeatToolkit
diff --git a/src/stories/options.ts b/src/stories/options.ts
index 05615a6..f704006 100644
--- a/src/stories/options.ts
+++ b/src/stories/options.ts
@@ -9,11 +9,6 @@ export const options = {
     ...disableArgTypes(["options"]),
     ...prefixKeys(
       {
-        showFooter: {
-          control: "boolean",
-          description: "Show or hide the footer",
-          defaultValue: { summary: true }
-        },
         showGridSwitch: {
           control: "boolean",
           description: "Show or hide the grid switch",
diff --git a/src/styles/index.css b/src/styles/index.css
index a8dc3e5..16e3082 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -19,6 +19,6 @@ rect.workspace-selection {
   fill-opacity: 0.5;
 }
 
-.stk-core svg * {
+.stk-core svg *:not(.stk-seat-icon *) {
   transform-box: fill-box;
 }
diff --git a/src/types/index.ts b/src/types/index.ts
index 7c5efd4..b699203 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -70,7 +70,6 @@ export interface ISTKProps {
   options?: {
     showGridSwitch?: boolean;
     showSeatLabels?: boolean;
-    showFooter?: boolean;
     showZoomControls?: boolean;
     showVisibilityControls?: boolean;
     showReloadButton?: boolean;
diff --git a/src/types/styles.ts b/src/types/styles.ts
index caf3c60..ae04025 100644
--- a/src/types/styles.ts
+++ b/src/types/styles.ts
@@ -23,19 +23,11 @@ export interface IStyles {
     input?: IStyle;
     trigger?: IStyle;
   };
-  footer?: {
-    root?: IStyle;
-    title?: IStyle;
-    meta?: IStyle;
-  };
   zoomControls?: {
     in?: IStyle;
     out?: IStyle;
-    root?: IStyle;
   };
   panControls?: {
-    root?: IStyle;
-    innerRing?: IStyle;
     handles?: {
       up?: IStyle;
       right?: IStyle;
@@ -44,7 +36,6 @@ export interface IStyles {
     };
   };
   visibilityControls?: {
-    root?: IStyle;
     buttons?: IStyle;
   };
   reloadButton?: IStyle;