Refactor file structure

src/Panel.tsx

@@ -28,10 +28,10 @@ import { ControlsProvider } from "./screens/VisualTests/ControlsContext";
 import { RunBuildProvider } from "./screens/VisualTests/RunBuildContext";
 import { VisualTests } from "./screens/VisualTests/VisualTests";
 import { GitInfoPayload, LocalBuildProgress, UpdateStatusFunction } from "./types";
+import { useChannelFetch } from "./utils/ChannelFetch/useChannelFetch";
 import { createClient, GraphQLClientProvider, useAccessToken } from "./utils/graphQLClient";
 import { TelemetryProvider } from "./utils/TelemetryContext";
 import { useBuildEvents } from "./utils/useBuildEvents";
-import { useChannelFetch } from "./utils/useChannelFetch";
 import { useProjectId } from "./utils/useProjectId";
 import { clearSessionState, useSessionState } from "./utils/useSessionState";
 import { useSharedState } from "./utils/useSharedState";

src/utils/ChannelFetch/constants.ts

@@ -0,0 +1,3 @@
+export const FETCH_ABORTED = "ChannelFetch/aborted";
+export const FETCH_REQUEST = "ChannelFetch/request";
+export const FETCH_RESPONSE = "ChannelFetch/response";

src/utils/ChannelFetch.ts → src/utils/ChannelFetch/index.ts

@@ -1,8 +1,6 @@
 import type { Channel } from "@storybook/channels";
 
-export const FETCH_ABORTED = "ChannelFetch/aborted";
-export const FETCH_REQUEST = "ChannelFetch/request";
-export const FETCH_RESPONSE = "ChannelFetch/response";
+import { FETCH_ABORTED, FETCH_REQUEST, FETCH_RESPONSE } from "./constants";
 
 type ChannelLike = Pick<Channel, "emit" | "on" | "off">;
 

src/utils/useChannelFetch.ts → src/utils/ChannelFetch/useChannelFetch.ts

@@ -1,8 +1,6 @@
 import { useChannel } from "@storybook/manager-api";
 
-const FETCH_ABORTED = "ChannelFetch/aborted";
-const FETCH_REQUEST = "ChannelFetch/request";
-const FETCH_RESPONSE = "ChannelFetch/response";
+import { FETCH_ABORTED, FETCH_REQUEST, FETCH_RESPONSE } from "./constants";
 
 type SerializedResponse = {
   status: number;