left panel state updates

Author: emrberk

packages/web-console/src/providers/LocalStorageProvider/index.tsx

@@ -45,7 +45,7 @@ const defaultConfig: LocalConfig = {
   exampleQueriesVisited: false,
   autoRefreshTables: true,
   leftPanelState: {
-    type: null,
+    type: LeftPanelType.DATASOURCES,
     width: 350
   }
 }

packages/web-console/src/scenes/Console/index.tsx

@@ -134,13 +134,11 @@ const Console = () => {
                       direction="left"
                       onClick={() => {
                         if (isDataSourcesPanelOpen) {
-                          dispatch(actions.console.setActiveTopPanel(undefined))
                           updateLeftPanelState({
                             type: null,
                             width: leftPanelState.width
                           })
                         } else {
-                          dispatch(actions.console.setActiveTopPanel("tables"))
                           updateLeftPanelState({
                             type: LeftPanelType.DATASOURCES,
                             width: leftPanelState.width

packages/web-console/src/store/Console/actions.ts

@@ -25,15 +25,10 @@ import {
   ConsoleAction,
   ConsoleAT,
   ImageToZoom,
-  TopPanel,
   Sidebar,
   BottomPanel,
 } from "./types"
 
-const setActiveTopPanel = (panel: TopPanel): ConsoleAction => ({
-  payload: panel,
-  type: ConsoleAT.SET_ACTIVE_TOP_PANEL,
-})
 const setActiveSidebar = (panel: Sidebar): ConsoleAction => ({
   payload: panel,
   type: ConsoleAT.SET_ACTIVE_SIDEBAR,
@@ -55,7 +50,6 @@ const toggleSideMenu = (): ConsoleAction => ({
 
 export default {
   toggleSideMenu,
-  setActiveTopPanel,
   setActiveSidebar,
   setActiveBottomPanel,
   setImageToZoom,

packages/web-console/src/store/Console/reducers.ts

@@ -26,7 +26,6 @@ import { ConsoleAction, ConsoleAT, ConsoleStateShape } from "./types"
 
 export const initialState: ConsoleStateShape = {
   sideMenuOpened: false,
-  activeTopPanel: "tables",
   activeSidebar: undefined,
   activeBottomPanel: "zeroState",
   imageToZoom: undefined,
@@ -44,13 +43,6 @@ const _console = (
       }
     }
 
-    case ConsoleAT.SET_ACTIVE_TOP_PANEL: {
-      return {
-        ...state,
-        activeTopPanel: action.payload,
-      }
-    }
-
     case ConsoleAT.SET_ACTIVE_SIDEBAR: {
       return {
         ...state,

packages/web-console/src/store/Console/selectors.ts

@@ -21,14 +21,11 @@
  *  limitations under the License.
  *
  ******************************************************************************/
-import { StoreShape, Sidebar, BottomPanel, TopPanel, ImageToZoom } from "types"
+import { StoreShape, Sidebar, BottomPanel, ImageToZoom } from "types"
 
 const getSideMenuOpened: (store: StoreShape) => boolean = (store) =>
   store.console.sideMenuOpened
 
-const getActiveTopPanel: (store: StoreShape) => TopPanel = (store) =>
-  store.console.activeTopPanel
-
 const getActiveSidebar: (store: StoreShape) => Sidebar = (store) =>
   store.console.activeSidebar
 
@@ -41,7 +38,6 @@ const getImageToZoom: (store: StoreShape) => ImageToZoom | undefined = (
 
 export default {
   getSideMenuOpened,
-  getActiveTopPanel,
   getActiveSidebar,
   getActiveBottomPanel,
   getImageToZoom,

packages/web-console/src/store/Console/types.ts

@@ -22,8 +22,6 @@
  *
  ******************************************************************************/
 
-export type TopPanel = "tables" | undefined
-
 export type Sidebar = "news" | "create" | undefined
 
 export type BottomPanel = "result" | "zeroState" | "import"
@@ -37,15 +35,13 @@ export type ImageToZoom = {
 
 export type ConsoleStateShape = Readonly<{
   sideMenuOpened: boolean
-  activeTopPanel: TopPanel
   activeSidebar: Sidebar
   activeBottomPanel: BottomPanel
   imageToZoom: ImageToZoom | undefined
 }>
 
 export enum ConsoleAT {
   TOGGLE_SIDE_MENU = "CONSOLE/TOGGLE_SIDE_MENU",
-  SET_ACTIVE_TOP_PANEL = "CONSOLE/SET_ACTIVE_TOP_PANEL",
   SET_ACTIVE_SIDEBAR = "CONSOLE/SET_ACTIVE_SIDEBAR",
   SET_ACTIVE_BOTTOM_PANEL = "CONSOLE/SET_ACTIVE_BOTTOM_PANEL",
   SET_IMAGE_TO_ZOOM = "CONSOLE/SET_IMAGE_TO_ZOOM",
@@ -55,11 +51,6 @@ type ToggleSideMenuAction = Readonly<{
   type: ConsoleAT.TOGGLE_SIDE_MENU
 }>
 
-type setActiveTopPanelAction = Readonly<{
-  payload: TopPanel
-  type: ConsoleAT.SET_ACTIVE_TOP_PANEL
-}>
-
 type setActiveSidebarAction = Readonly<{
   payload: Sidebar
   type: ConsoleAT.SET_ACTIVE_SIDEBAR
@@ -77,7 +68,6 @@ type setImageToZoomAction = Readonly<{
 
 export type ConsoleAction =
   | ToggleSideMenuAction
-  | setActiveTopPanelAction
   | setActiveSidebarAction
   | setActiveBottomPanelAction
   | setImageToZoomAction