Sfoglia il codice sorgente
Merge branch 1.2 into main (campaign-tracker-client/src/App.tsx)
pull/15/head
1 ha cambiato i file con 23 aggiunte e 114 eliminazioni
-
+23 -114campaign-tracker-client/src/App.tsx
+ 23
- 114
campaign-tracker-client/src/App.tsx
Vedi File
| @@ -1,121 +1,30 @@ | |||||
| import { useState } from 'react' | |||||
| import reactLogo from './assets/react.svg' | |||||
| import viteLogo from './assets/vite.svg' | |||||
| import heroImg from './assets/hero.png' | |||||
| import { ConfigProvider, theme } from 'antd' | |||||
| import './App.css' | import './App.css' | ||||
| import { WorkspaceShell } from './workspace/WorkspaceShell' | |||||
| import { workspaceThemeTokens } from './workspace/workspaceContracts' | |||||
| function App() { | function App() { | ||||
| const [count, setCount] = useState(0) | |||||
| return ( | return ( | ||||
| <> | |||||
| <section id="center"> | |||||
| <div className="hero"> | |||||
| <img src={heroImg} className="base" width="170" height="179" alt="" /> | |||||
| <img src={reactLogo} className="framework" alt="React logo" /> | |||||
| <img src={viteLogo} className="vite" alt="Vite logo" /> | |||||
| </div> | |||||
| <div> | |||||
| <h1>Get started</h1> | |||||
| <p> | |||||
| Edit <code>src/App.tsx</code> and save to test <code>HMR</code> | |||||
| </p> | |||||
| </div> | |||||
| <button | |||||
| type="button" | |||||
| className="counter" | |||||
| onClick={() => setCount((count) => count + 1)} | |||||
| > | |||||
| Count is {count} | |||||
| </button> | |||||
| </section> | |||||
| <div className="ticks"></div> | |||||
| <section id="next-steps"> | |||||
| <div id="docs"> | |||||
| <svg className="icon" role="presentation" aria-hidden="true"> | |||||
| <use href="/icons.svg#documentation-icon"></use> | |||||
| </svg> | |||||
| <h2>Documentation</h2> | |||||
| <p>Your questions, answered</p> | |||||
| <ul> | |||||
| <li> | |||||
| <a href="https://vite.dev/" target="_blank"> | |||||
| <img className="logo" src={viteLogo} alt="" /> | |||||
| Explore Vite | |||||
| </a> | |||||
| </li> | |||||
| <li> | |||||
| <a href="https://react.dev/" target="_blank"> | |||||
| <img className="button-icon" src={reactLogo} alt="" /> | |||||
| Learn more | |||||
| </a> | |||||
| </li> | |||||
| </ul> | |||||
| </div> | |||||
| <div id="social"> | |||||
| <svg className="icon" role="presentation" aria-hidden="true"> | |||||
| <use href="/icons.svg#social-icon"></use> | |||||
| </svg> | |||||
| <h2>Connect with us</h2> | |||||
| <p>Join the Vite community</p> | |||||
| <ul> | |||||
| <li> | |||||
| <a href="https://github.com/vitejs/vite" target="_blank"> | |||||
| <svg | |||||
| className="button-icon" | |||||
| role="presentation" | |||||
| aria-hidden="true" | |||||
| > | |||||
| <use href="/icons.svg#github-icon"></use> | |||||
| </svg> | |||||
| GitHub | |||||
| </a> | |||||
| </li> | |||||
| <li> | |||||
| <a href="https://chat.vite.dev/" target="_blank"> | |||||
| <svg | |||||
| className="button-icon" | |||||
| role="presentation" | |||||
| aria-hidden="true" | |||||
| > | |||||
| <use href="/icons.svg#discord-icon"></use> | |||||
| </svg> | |||||
| Discord | |||||
| </a> | |||||
| </li> | |||||
| <li> | |||||
| <a href="https://x.com/vite_js" target="_blank"> | |||||
| <svg | |||||
| className="button-icon" | |||||
| role="presentation" | |||||
| aria-hidden="true" | |||||
| > | |||||
| <use href="/icons.svg#x-icon"></use> | |||||
| </svg> | |||||
| X.com | |||||
| </a> | |||||
| </li> | |||||
| <li> | |||||
| <a href="https://bsky.app/profile/vite.dev" target="_blank"> | |||||
| <svg | |||||
| className="button-icon" | |||||
| role="presentation" | |||||
| aria-hidden="true" | |||||
| > | |||||
| <use href="/icons.svg#bluesky-icon"></use> | |||||
| </svg> | |||||
| Bluesky | |||||
| </a> | |||||
| </li> | |||||
| </ul> | |||||
| </div> | |||||
| </section> | |||||
| <div className="ticks"></div> | |||||
| <section id="spacer"></section> | |||||
| </> | |||||
| <ConfigProvider | |||||
| theme={{ | |||||
| algorithm: theme.compactAlgorithm, | |||||
| token: workspaceThemeTokens, | |||||
| components: { | |||||
| Layout: { | |||||
| headerBg: '#FFFFFF', | |||||
| siderBg: '#FFFFFF', | |||||
| }, | |||||
| Table: { | |||||
| cellPaddingBlockSM: 6, | |||||
| cellPaddingInlineSM: 8, | |||||
| }, | |||||
| }, | |||||
| }} | |||||
| > | |||||
| <div className="app-shell"> | |||||
| <WorkspaceShell /> | |||||
| </div> | |||||
| </ConfigProvider> | |||||
| ) | ) | ||||
| } | } | ||||