no need extra panel ui position

Author: devjiwonchoi

packages/next/src/next-devtools/dev-overlay/components/devtools-panel/devtools-panel.tsx

@@ -4,20 +4,17 @@ import { useState } from 'react'
 
 import { Dialog, DialogContent, DialogHeader, DialogBody } from '../dialog'
 import { Overlay, OverlayBackdrop } from '../overlay'
-import {
-  ACTION_DEVTOOLS_PANEL_CLOSE,
-  STORAGE_KEY_DEVTOOLS_PANEL_POSITION,
-} from '../../shared'
+import { ACTION_DEVTOOLS_PANEL_CLOSE, STORAGE_KEY_POSITION } from '../../shared'
 import { css } from '../../utils/css'
 import { Draggable } from '../errors/dev-tools-indicator/draggable'
 import { INDICATOR_PADDING } from '../devtools-indicator/devtools-indicator'
 
 function getInitialPosition(): Corners {
   if (
     typeof localStorage !== 'undefined' &&
-    localStorage.getItem(STORAGE_KEY_DEVTOOLS_PANEL_POSITION)
+    localStorage.getItem(STORAGE_KEY_POSITION)
   ) {
-    return localStorage.getItem(STORAGE_KEY_DEVTOOLS_PANEL_POSITION) as Corners
+    return localStorage.getItem(STORAGE_KEY_POSITION) as Corners
   }
   return (process.env.__NEXT_DEV_INDICATOR_POSITION || 'bottom-left') as Corners
 }
@@ -58,8 +55,10 @@ export function DevToolsPanel({
         onDragStart={() => {}}
         position={position}
         setPosition={(p) => {
-          localStorage.setItem(STORAGE_KEY_DEVTOOLS_PANEL_POSITION, p)
+          localStorage.setItem(STORAGE_KEY_POSITION, p)
           setPosition(p)
+
+          console.log({ STORAGE_KEY_POSITION, p })
         }}
       >
         <Dialog

packages/next/src/next-devtools/dev-overlay/shared.ts

@@ -61,8 +61,6 @@ export const ACTION_DEVTOOLS_PANEL_TOGGLE = 'devtools-panel-toggle'
 
 export const STORAGE_KEY_THEME = '__nextjs-dev-tools-theme'
 export const STORAGE_KEY_POSITION = '__nextjs-dev-tools-position'
-export const STORAGE_KEY_DEVTOOLS_PANEL_POSITION =
-  '__nextjs-dev-tools-panel-position'
 export const STORAGE_KEY_SCALE = '__nextjs-dev-tools-scale'
 
 interface StaticIndicatorAction {