feat: Updated imports

Author: kevinwang5658

src/ui/components/default-component.tsx

@@ -7,23 +7,21 @@ import React, { useLayoutEffect, useState } from 'react';
 
 import { Plan } from '../../entities/plan.js';
 import { ImportResult, RequiredParameters } from '../../orchestrators/import.js';
-import { RenderEvent, RenderState } from '../reporters/reporter.js';
+import { RenderEvent } from '../reporters/reporter.js';
 import { RenderStatus, store } from '../store/index.js';
 import { ImportResultComponent } from './import/import-result.js';
 import { ImportParametersForm } from './import/index.js';
 import { PlanComponent } from './plan/plan.js';
-import { ProgressDisplay, ProgressState } from './progress/progress-display.js';
+import { ProgressDisplay } from './progress/progress-display.js';
 
 const spinnerEmitter = new EventEmitter();
 
 export function DefaultComponent(props: {
   emitter: EventEmitter
 }) {
-  const { emitter } = props;
+  const { emitter } = props
   const [disableSudoPrompt, setDisableSudoPrompt] = useState(false);
-  
   const [{ status: renderStatus, data: renderData }] = useAtom(store.renderState);
-  // const [progressState] = useAtom(store.progressState);
 
   // Use layoutEffect runs before the first render, whereas useEffect runs after
   useLayoutEffect(() => {

src/ui/reporters/default-reporter.tsx

@@ -5,14 +5,14 @@ import { EventEmitter } from 'node:events';
 import React from 'react';
 
 import { Plan } from '../../entities/plan.js';
-import { ctx, Event, ProcessName, SubProcessName } from '../../events/context.js';
+import { Event, ProcessName, SubProcessName, ctx } from '../../events/context.js';
 import { ImportResult, RequiredParameters, UserSuppliedParameters } from '../../orchestrators/import.js';
+import { sleep } from '../../utils/index.js';
 import { SudoUtils } from '../../utils/sudo.js';
 import { DefaultComponent } from '../components/default-component.js';
 import { ProgressState, ProgressStatus } from '../components/progress/progress-display.js';
 import { RenderStatus, store } from '../store/index.js';
-import { RenderEvent, RenderState, Reporter } from './reporter.js';
-import { sleep } from '../../utils/index.js';
+import { RenderEvent, Reporter } from './reporter.js';
 
 const ProgressLabelMapping = {
   [ProcessName.APPLY]: 'Codify apply',