From cffdcf1cf68e4f0265b35fbef75e60c6c40961d7 Mon Sep 17 00:00:00 2001
From: Ryan Hung <ryanhungryan@gmail.com>
Date: Fri, 12 Apr 2024 15:44:41 +0100
Subject: [PATCH] change and update vite to react

---
 packages/renderer/src/app.css   | 10 ++++++++++
 packages/renderer/src/app.tsx   | 16 ++++++++++++----
 packages/renderer/src/index.css | 31 +++++++++++++++++++++++++++++++
 3 files changed, 53 insertions(+), 4 deletions(-)
 create mode 100644 packages/renderer/src/app.css
 create mode 100644 packages/renderer/src/index.css

diff --git a/packages/renderer/src/app.css b/packages/renderer/src/app.css
new file mode 100644
index 0000000..4d828b7
--- /dev/null
+++ b/packages/renderer/src/app.css
@@ -0,0 +1,10 @@
+.app {
+  background-color: transparent;
+  display: flex;
+  flex-direction: row;
+  height: 100%;
+}
+
+button {
+  font-size: calc(10px + 2vmin);
+}
diff --git a/packages/renderer/src/app.tsx b/packages/renderer/src/app.tsx
index 5a79f02..d3ab994 100644
--- a/packages/renderer/src/app.tsx
+++ b/packages/renderer/src/app.tsx
@@ -1,8 +1,16 @@
-import React, {useState, useCallback} from 'react';
-import Editor from './editor';
-import Previe from './preview';
+import React, {useState} from 'react';
 import './app.css';
 
 const App: React.FC = () => {
-  const [doc, setDoc] = useState<string>('# Hello, World\n');
+  const [count, setCount] = useState(0);
+
+  return (
+    <div className="app">
+      <header className="app-header">
+        <p>Hello! Vite + React!</p>
+        <button onClick={() => setCount(count => count + 1)}>count is: {count}</button>
+      </header>
+    </div>
+  );
 };
+export default App;
diff --git a/packages/renderer/src/index.css b/packages/renderer/src/index.css
new file mode 100644
index 0000000..1dfd86a
--- /dev/null
+++ b/packages/renderer/src/index.css
@@ -0,0 +1,31 @@
+html,
+body {
+  background-color: transparent;
+  height: 100%;
+}
+
+body {
+  margin: 0;
+  font-family:
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    "Open Sans",
+    "Helvetica Neue",
+    sans-serif;
+  -webkit-font-smoothing: antialliased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
+}
+
+#root {
+  height: 100%;
+}