1 files changed, 0 insertions, 108 deletions
diff --git a/packages/create-astro/src/components/App.tsx b/packages/create-astro/src/components/App.tsx
deleted file mode 100644
index 4cf9f3852..000000000
--- a/packages/create-astro/src/components/App.tsx
+++ /dev/null
@@ -1,108 +0,0 @@
-import React, { FC, useEffect } from 'react';
-import { prepareTemplate, isEmpty, emptyDir } from '../utils';
-import Header from './Header';
-import Install from './Install';
-import ProjectName from './ProjectName';
-import Template from './Template';
-import Confirm from './Confirm';
-import Finalize from './Finalize';
-
-interface Context {
-  use: 'npm' | 'yarn';
-  skipInstall?: boolean;
-  projectExists?: boolean;
-  force?: boolean;
-  projectName?: string;
-  template?: string;
-  templates: string[];
-  ready?: boolean;
-}
-
-const getStep = ({ projectName, projectExists: exists, template, force, ready, skipInstall }: Context) => {
-  switch (true) {
-    case !projectName:
-      return {
-        key: 'projectName',
-        Component: ProjectName,
-      };
-    case projectName && exists === true && typeof force === 'undefined':
-      return {
-        key: 'force',
-        Component: Confirm,
-      };
-    case (exists === false || force) && !template:
-      return {
-        key: 'template',
-        Component: Template,
-      };
-    case !ready && !skipInstall:
-      return {
-        key: 'install',
-        Component: Install,
-      };
-    case ready:
-      return {
-        key: 'final',
-        Component: Finalize,
-      };
-    default:
-      return {
-        key: 'empty',
-        Component: () => <></>,
-      };
-  }
-};
-
-const App: FC<{ context: Context }> = ({ context }) => {
-  const [state, setState] = React.useState(context);
-  const step = React.useRef(getStep(context));
-  const onSubmit = (value: string | boolean) => {
-    const { key } = step.current;
-    const newState = { ...state, [key]: value };
-    step.current = getStep(newState);
-    setState(newState);
-  };
-
-  useEffect(() => {
-    let isSubscribed = true;
-    if (state.projectName && typeof state.projectExists === 'undefined') {
-      const newState = { ...state, projectExists: !isEmpty(state.projectName) };
-      step.current = getStep(newState);
-      if (isSubscribed) {
-        setState(newState);
-      }
-    }
-
-    if (state.projectName && (state.projectExists === false || state.force) && state.template) {
-      if (state.force) emptyDir(state.projectName);
-      prepareTemplate({
-        use: context.use,
-        templateName: state.template,
-        projectName: state.projectName,
-        skipInstall: state.skipInstall,
-      }).then(() => {
-        if (isSubscribed) {
-          setState((v) => {
-            const newState = { ...v, ready: true };
-            step.current = getStep(newState);
-            return newState;
-          });
-        }
-      });
-    }
-
-    return () => {
-      isSubscribed = false;
-    };
-  }, [state]);
-  const { Component } = step.current;
-
-  return (
-    <>
-      <Header context={state} />
-      <Component context={state} onSubmit={onSubmit} />
-    </>
-  );
-};
-
-export default App;