From 412121fb20754e2f628c058747e26aa67704ff30 Mon Sep 17 00:00:00 2001
From: mkumbobeaty <charsbeaty@gmail.com>
Date: Wed, 11 Sep 2024 08:59:37 +0300
Subject: [PATCH] fix tab order

---
 .../Editor/Map/LayerStylePanel/Editor/index.tsx | 17 ++++++++---------
 .../beta/pages/AccountSettingsPage/index.tsx    |  1 -
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/web/src/beta/features/Editor/Map/LayerStylePanel/Editor/index.tsx b/web/src/beta/features/Editor/Map/LayerStylePanel/Editor/index.tsx
index 1a02136f47..1585b96f98 100644
--- a/web/src/beta/features/Editor/Map/LayerStylePanel/Editor/index.tsx
+++ b/web/src/beta/features/Editor/Map/LayerStylePanel/Editor/index.tsx
@@ -53,7 +53,13 @@ const LayerStyleEditor: FC<LayerStyleEditorProps> = ({
   }, [styleCode, onLayerStyleValueUpdate, layerStyle, setNotification, t]);
 
   const tabItems: TabItem[] = [
-  //Making code default tab temporary
+    {
+      id: "interface",
+      name: t("Interface"),
+      children: (
+        <InterfaceTab layerStyle={layerStyle} setLayerStyle={setLayerStyle} />
+      )
+    },
     {
       id: "code",
       name: t("Code"),
@@ -64,19 +70,12 @@ const LayerStyleEditor: FC<LayerStyleEditorProps> = ({
           hasLayerStyleSelected={!!layerStyle?.id}
         />
       )
-    },
-    {
-      id: "interface",
-      name: t("Interface"),
-      children: (
-        <InterfaceTab layerStyle={layerStyle} setLayerStyle={setLayerStyle} />
-      )
     }
   ];
 
   return (
     <EditorContainer>
-      <Tabs tabs={tabItems} position="top" alignment="end" />
+      <Tabs tabs={tabItems} position="top" alignment="end" currentTab="code" />
       {layerStyle?.id && (
         <ButtonWrapper>
           <Button
diff --git a/web/src/beta/pages/AccountSettingsPage/index.tsx b/web/src/beta/pages/AccountSettingsPage/index.tsx
index bac62acc59..330e41b85a 100644
--- a/web/src/beta/pages/AccountSettingsPage/index.tsx
+++ b/web/src/beta/pages/AccountSettingsPage/index.tsx
@@ -1,7 +1,6 @@
 import { Typography } from "@reearth/beta/lib/reearth-ui";
 import { FC } from "react";
 
-
 export type Props = {
   path?: string;
 };