[support-storybook7] #3 수정 시도 (activeUserAgent > $activeUserAgent)

Sotaneum · Jul 23, 2023 · ab969b4 · ab969b4
1 parent eaf8cc6
commit ab969b4
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 14 deletions.
diff --git a/src/Tool.tsx b/src/Tool.tsx
@@ -13,15 +13,15 @@ import { TOOL_ID } from './constants';
 
 export const Tool = () => {
   const [args = {}] = useArgs();
-  const { activeUserAgent } = args;
+  const { $activeUserAgent } = args;
 
   const change = useUserAgent(getInlineFrame());
 
   useEffect(() => {
-    if (activeUserAgent) {
-      change(activeUserAgent);
+    if ($activeUserAgent) {
+      change($activeUserAgent);
     }
-  }, [change, activeUserAgent]);
+  }, [change, $activeUserAgent]);
 
   return (
     <WithTooltip
@@ -35,7 +35,7 @@ export const Tool = () => {
         rev=""
         title="Change UserAgent"
         nonce=""
-        active={!!activeUserAgent}
+        active={!!$activeUserAgent}
         content=""
         autoFocus={false}
       >

diff --git a/src/components/PanelContent.tsx b/src/components/PanelContent.tsx
@@ -6,11 +6,11 @@ import UserAgent from './UserAgent';
 
 export default function PanelContent() {
   const [args = {}] = useArgs();
-  const { activeUserAgent } = args;
+  const { $activeUserAgent } = args;
 
   return (
     <>
-      <UserAgent name="iframe" userAgent={activeUserAgent} />
+      <UserAgent name="iframe" userAgent={$activeUserAgent} />
       <UserAgent name="Window" userAgent={window?.navigator?.userAgent} />
     </>
   );

diff --git a/src/components/Tooltip.tsx b/src/components/Tooltip.tsx
@@ -10,12 +10,12 @@ import { Link, TooltipProps, UserAgentParameter } from '../types';
 export default function Tooltip({ onChange }: TooltipProps) {
   const [args = {}, updateArgs] = useArgs();
   const userAgentList = getUserAgentList();
-  const { activeUserAgent } = args;
+  const { $activeUserAgent } = args;
 
   const handleClick = (userAgent: string) => {
-    const newUserAgent = activeUserAgent !== userAgent ? userAgent : '';
+    const newUserAgent = $activeUserAgent !== userAgent ? userAgent : '';
     onChange(newUserAgent);
-    updateArgs({ activeUserAgent: newUserAgent });
+    updateArgs({ $activeUserAgent: newUserAgent });
   };
 
   const links: Link[] = useMemo(
@@ -24,11 +24,11 @@ export default function Tooltip({ onChange }: TooltipProps) {
         return {
           id: `${idx}_${name}`,
           title: name,
-          active: userAgent === activeUserAgent,
+          active: userAgent === $activeUserAgent,
           onClick: () => handleClick(userAgent),
         };
       }),
-    [userAgentList, activeUserAgent]
+    [userAgentList, $activeUserAgent]
   );
 
   return <TooltipLinkList links={links} />;

diff --git a/src/preset/manager.ts b/src/preset/manager.ts
@@ -17,7 +17,7 @@ addons.register(ADDON_ID, () => {
     type: types.TOOL,
     title: TOOL_TITLE,
     paramKey: PARAM_KEY,
-    match: ({ viewMode }) => !!viewMode?.match(/^(story|docs)$/),
+    match: ({ viewMode }) => viewMode === 'story',
     render: Tool,
   });
 

diff --git a/src/render.tsx b/src/render.tsx
@@ -4,7 +4,7 @@ export default makeDecorator({
   name: 'userAgentRender',
   parameterName: 'userAgent',
   wrapper: (storyFn, context) => {
-    const nowUserAgent: string = context.globals.activeUserAgent ?? '';
+    const nowUserAgent: string = context.globals.$activeUserAgent ?? '';
 
     const [key, setKey] = useState(Date.now());
     const [userAgent, setUserAgent] = useState(nowUserAgent);