diff options
| -rw-r--r-- | src/App.tsx | 35 | ||||
| -rw-r--r-- | src/SignUp.tsx | 13 | ||||
| -rw-r--r-- | src/main.tsx | 2 |
3 files changed, 18 insertions, 32 deletions
diff --git a/src/App.tsx b/src/App.tsx index afe48ac..fa6d181 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,35 +1,8 @@ -import { useState } from 'react' -import reactLogo from './assets/react.svg' -import viteLogo from '/vite.svg' -import './App.css' - -function App() { - const [count, setCount] = useState(0) +import { SignUp } from './SignUp.tsx' +export const App = () => { return ( - <> - <div> - <a href="https://vitejs.dev" target="_blank"> - <img src={viteLogo} className="logo" alt="Vite logo" /> - </a> - <a href="https://react.dev" target="_blank"> - <img src={reactLogo} className="logo react" alt="React logo" /> - </a> - </div> - <h1>Vite + React</h1> - <div className="card"> - <button onClick={() => setCount((count) => count + 1)}> - count is {count} - </button> - <p> - Edit <code>src/App.tsx</code> and save to test HMR - </p> - </div> - <p className="read-the-docs"> - Click on the Vite and React logos to learn more - </p> - </> - ) + <SignUp /> + ); } -export default App diff --git a/src/SignUp.tsx b/src/SignUp.tsx new file mode 100644 index 0000000..58309a6 --- /dev/null +++ b/src/SignUp.tsx @@ -0,0 +1,13 @@ +export const SignUp = () => { + return ( + <div> + <p>hello, World</p> + </div> + ); +} + + + + + + diff --git a/src/main.tsx b/src/main.tsx index 3d7150d..cabfbb3 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -1,6 +1,6 @@ import React from 'react' import ReactDOM from 'react-dom/client' -import App from './App.tsx' +import { App } from './App.tsx' import './index.css' ReactDOM.createRoot(document.getElementById('root')!).render( |