1- import type { API } from "@storybook/manager-api" ;
2- import { useChannel , useStorybookState } from "@ storybook/manager-api" ;
3- import React , { useCallback , useEffect , useState } from "react" ;
1+ import React , { useCallback , useEffect , useState } from 'react' ;
2+ import type { API } from ' storybook/internal/ manager-api' ;
3+ import { useChannel , useStorybookState } from 'storybook/internal/manager-api' ;
44
5- import { AuthProvider } from " ./AuthContext" ;
6- import { Spinner } from " ./components/design-system" ;
5+ import { AuthProvider } from ' ./AuthContext' ;
6+ import { Spinner } from ' ./components/design-system' ;
77import {
88 ADDON_ID ,
99 GIT_INFO ,
@@ -13,27 +13,27 @@ import {
1313 LOCAL_BUILD_PROGRESS ,
1414 REMOVE_ADDON ,
1515 TELEMETRY ,
16- } from " ./constants" ;
17- import { Authentication } from " ./screens/Authentication/Authentication" ;
18- import { GitNotFound } from " ./screens/Errors/GitNotFound" ;
19- import { LinkedProject } from " ./screens/LinkProject/LinkedProject" ;
20- import { LinkingProjectFailed } from " ./screens/LinkProject/LinkingProjectFailed" ;
21- import { LinkProject } from " ./screens/LinkProject/LinkProject" ;
22- import { NoDevServer } from " ./screens/NoDevServer/NoDevServer" ;
23- import { NoNetwork } from " ./screens/NoNetwork/NoNetwork" ;
24- import { UninstallProvider } from " ./screens/Uninstalled/UninstallContext" ;
25- import { Uninstalled } from " ./screens/Uninstalled/Uninstalled" ;
26- import { ControlsProvider } from " ./screens/VisualTests/ControlsContext" ;
27- import { RunBuildProvider } from " ./screens/VisualTests/RunBuildContext" ;
28- import { VisualTests } from " ./screens/VisualTests/VisualTests" ;
29- import { GitInfoPayload , LocalBuildProgress , UpdateStatusFunction } from " ./types" ;
30- import { createClient , GraphQLClientProvider , useAccessToken } from " ./utils/graphQLClient" ;
31- import { TelemetryProvider } from " ./utils/TelemetryContext" ;
32- import { useBuildEvents } from " ./utils/useBuildEvents" ;
33- import { useChannelFetch } from " ./utils/useChannelFetch" ;
34- import { useProjectId } from " ./utils/useProjectId" ;
35- import { clearSessionState , useSessionState } from " ./utils/useSessionState" ;
36- import { useSharedState } from " ./utils/useSharedState" ;
16+ } from ' ./constants' ;
17+ import { Authentication } from ' ./screens/Authentication/Authentication' ;
18+ import { GitNotFound } from ' ./screens/Errors/GitNotFound' ;
19+ import { LinkedProject } from ' ./screens/LinkProject/LinkedProject' ;
20+ import { LinkingProjectFailed } from ' ./screens/LinkProject/LinkingProjectFailed' ;
21+ import { LinkProject } from ' ./screens/LinkProject/LinkProject' ;
22+ import { NoDevServer } from ' ./screens/NoDevServer/NoDevServer' ;
23+ import { NoNetwork } from ' ./screens/NoNetwork/NoNetwork' ;
24+ import { UninstallProvider } from ' ./screens/Uninstalled/UninstallContext' ;
25+ import { Uninstalled } from ' ./screens/Uninstalled/Uninstalled' ;
26+ import { ControlsProvider } from ' ./screens/VisualTests/ControlsContext' ;
27+ import { RunBuildProvider } from ' ./screens/VisualTests/RunBuildContext' ;
28+ import { VisualTests } from ' ./screens/VisualTests/VisualTests' ;
29+ import { GitInfoPayload , LocalBuildProgress , UpdateStatusFunction } from ' ./types' ;
30+ import { createClient , GraphQLClientProvider , useAccessToken } from ' ./utils/graphQLClient' ;
31+ import { TelemetryProvider } from ' ./utils/TelemetryContext' ;
32+ import { useBuildEvents } from ' ./utils/useBuildEvents' ;
33+ import { useChannelFetch } from ' ./utils/useChannelFetch' ;
34+ import { useProjectId } from ' ./utils/useProjectId' ;
35+ import { clearSessionState , useSessionState } from ' ./utils/useSessionState' ;
36+ import { useSharedState } from ' ./utils/useSharedState' ;
3737
3838interface PanelProps {
3939 active : boolean ;
@@ -45,7 +45,7 @@ export const Panel = ({ active, api }: PanelProps) => {
4545 const setAccessToken = useCallback (
4646 ( token : string | null ) => {
4747 updateAccessToken ( token ) ;
48- if ( ! token ) clearSessionState ( " authenticationScreen" , " exchangeParameters" ) ;
48+ if ( ! token ) clearSessionState ( ' authenticationScreen' , ' exchangeParameters' ) ;
4949 } ,
5050 [ updateAccessToken ]
5151 ) ;
@@ -55,11 +55,11 @@ export const Panel = ({ active, api }: PanelProps) => {
5555 useEffect ( ( ) => {
5656 const online = ( ) => setOnline ( true ) ;
5757 const offline = ( ) => setOnline ( false ) ;
58- window . addEventListener ( " online" , online ) ;
59- window . addEventListener ( " offline" , offline ) ;
58+ window . addEventListener ( ' online' , online ) ;
59+ window . addEventListener ( ' offline' , offline ) ;
6060 return ( ) => {
61- window . removeEventListener ( " online" , online ) ;
62- window . removeEventListener ( " offline" , offline ) ;
61+ window . removeEventListener ( ' online' , online ) ;
62+ window . removeEventListener ( ' offline' , offline ) ;
6363 } ;
6464 } , [ ] ) ;
6565
@@ -87,7 +87,7 @@ export const Panel = ({ active, api }: PanelProps) => {
8787 } = useProjectId ( ) ;
8888
8989 // If the user creates a project in a dialog (either during login or later, it get set here)
90- const [ createdProjectId , setCreatedProjectId ] = useSessionState < string > ( " createdProjectId" ) ;
90+ const [ createdProjectId , setCreatedProjectId ] = useSessionState < string > ( ' createdProjectId' ) ;
9191 const [ addonUninstalled , setAddonUninstalled ] = useSharedState < boolean > ( REMOVE_ADDON ) ;
9292
9393 const trackEvent = useCallback ( ( data : any ) => emit ( TELEMETRY , data ) , [ emit ] ) ;
@@ -104,7 +104,7 @@ export const Panel = ({ active, api }: PanelProps) => {
104104 >
105105 < ControlsProvider >
106106 < RunBuildProvider watchState = { { isRunning, startBuild, stopBuild } } >
107- < div hidden = { ! active } style = { { containerType : " size" , height : " 100%" } } >
107+ < div hidden = { ! active } style = { { containerType : ' size' , height : ' 100%' } } >
108108 { children }
109109 </ div >
110110 </ RunBuildProvider >
@@ -119,7 +119,7 @@ export const Panel = ({ active, api }: PanelProps) => {
119119 return withProviders ( null ) ;
120120 }
121121
122- if ( globalThis . CONFIG_TYPE !== " DEVELOPMENT" ) {
122+ if ( globalThis . CONFIG_TYPE !== ' DEVELOPMENT' ) {
123123 return withProviders ( < NoDevServer /> ) ;
124124 }
125125
@@ -157,7 +157,6 @@ export const Panel = ({ active, api }: PanelProps) => {
157157 ) ;
158158
159159 if ( gitInfoError || ! gitInfo ) {
160- // eslint-disable-next-line no-console
161160 console . error ( gitInfoError ) ;
162161 return withProviders ( < GitNotFound /> ) ;
163162 }
0 commit comments