From 0d90508977837bec25f038fe5380e6fb3bc82745 Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Fri, 25 Jun 2021 18:24:41 +0530
Subject: converted all the smaller files to tsx

---
 src/components/App.js                | 33 ---------------------------------
 src/components/App.tsx               | 31 +++++++++++++++++++++++++++++++
 src/components/Header/Header.js      | 30 ------------------------------
 src/components/Header/Header.tsx     | 30 ++++++++++++++++++++++++++++++
 src/components/Menu/HomePageMenu.js  | 26 --------------------------
 src/components/Menu/HomePageMenu.tsx | 26 ++++++++++++++++++++++++++
 src/components/Pages/HomePage.js     | 25 -------------------------
 src/components/Pages/HomePage.tsx    | 23 +++++++++++++++++++++++
 8 files changed, 110 insertions(+), 114 deletions(-)
 delete mode 100644 src/components/App.js
 create mode 100644 src/components/App.tsx
 delete mode 100644 src/components/Header/Header.js
 create mode 100644 src/components/Header/Header.tsx
 delete mode 100644 src/components/Menu/HomePageMenu.js
 create mode 100644 src/components/Menu/HomePageMenu.tsx
 delete mode 100644 src/components/Pages/HomePage.js
 create mode 100644 src/components/Pages/HomePage.tsx

(limited to 'src/components')

diff --git a/src/components/App.js b/src/components/App.js
deleted file mode 100644
index 64057b8..0000000
--- a/src/components/App.js
+++ /dev/null
@@ -1,33 +0,0 @@
-/*
- * OpenBills - Self hosted browser app to generate and keep track of simple invoices
- * Version - 0
- * Licensed under the MIT license - https://opensource.org/licenses/MIT
- *
- * Copyright (c) 2021 Vidhu Kant Sharma
-*/
-
-import React from "react";
-import {BrowserRouter, Route, Switch} from "react-router-dom";
-
-import Header from "./Header/Header";
-import HomePage from "./Pages/HomePage";
-import BillingPage from "./Pages/BillingPage";
-
-const App = () => {
-  return (
-    <>
-      <BrowserRouter>
-        <Header/>
-        <div className={"root-content"}>
-          <Switch>
-            <Route exact path="/" component={HomePage}/>
-            <Route exact path="/BillingPage" component={BillingPage}/>
-            <Route path="/" render={() => <div>404</div>}/>
-          </Switch>
-        </div>
-      </BrowserRouter>
-    </>
-  );
-}
-
-export default App;
diff --git a/src/components/App.tsx b/src/components/App.tsx
new file mode 100644
index 0000000..f7e0348
--- /dev/null
+++ b/src/components/App.tsx
@@ -0,0 +1,31 @@
+/*
+ * OpenBills - Self hosted browser app to generate and keep track of simple invoices
+ * Version - 0
+ * Licensed under the MIT license - https://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2021 Vidhu Kant Sharma
+*/
+
+import React from "react";
+import { BrowserRouter, Route, Switch } from "react-router-dom";
+
+import Header from "./Header/Header";
+import HomePage from "./Pages/HomePage";
+import BillingPage from "./Pages/BillingPage";
+
+const App: React.FC = () => (
+  <>
+    <BrowserRouter>
+      <Header/>
+      <div className={"root-content"}>
+        <Switch>
+          <Route exact path="/" component={HomePage}/>
+          <Route exact path="/BillingPage" component={BillingPage}/>
+          <Route path="/" render={() => <div>404</div>}/>
+        </Switch>
+      </div>
+    </BrowserRouter>
+  </>
+);
+
+export default App;
diff --git a/src/components/Header/Header.js b/src/components/Header/Header.js
deleted file mode 100644
index a1bd097..0000000
--- a/src/components/Header/Header.js
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * OpenBills - Self hosted browser app to generate and keep track of simple invoices
- * Version - 0
- * Licensed under the MIT license - https://opensource.org/licenses/MIT
- *
- * Copyright (c) 2021 Vidhu Kant Sharma
-*/
-
-import React from "react";
-import {Link} from "react-router-dom";
-import "./Header.scss";
-
-const Header = () => {
-	return (
-		<div className={"header"}>
-			<div className="placeholder">
-				<p className="inlineBlock">OpenBills</p>
-
-			</div>
-			<div className={"navBar"}>
-				<nav>
-          <Link to="/">Home</Link>
-          <Link to="/BillingPage">BillingPage</Link>
-				</nav>
-			</div>
-		</div>
-	)
-}
-
-export default Header
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
new file mode 100644
index 0000000..bff61b6
--- /dev/null
+++ b/src/components/Header/Header.tsx
@@ -0,0 +1,30 @@
+/*
+ * OpenBills - Self hosted browser app to generate and keep track of simple invoices
+ * Version - 0
+ * Licensed under the MIT license - https://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2021 Vidhu Kant Sharma
+*/
+
+import React from "react";
+import { Link } from "react-router-dom";
+import "./Header.scss";
+
+const Header: React.FC = () => {
+	return ( 
+    <div className={"header"}> 
+      <div className="placeholder"> 
+        <p className="inlineBlock">OpenBills</p> 
+      </div>
+
+      <div className={"navBar"}>
+        <nav> 
+          <Link to="/">Home</Link>
+          <Link to="/BillingPage">BillingPage</Link>
+        </nav>
+      </div>
+    </div>
+	)
+}
+
+export default Header
diff --git a/src/components/Menu/HomePageMenu.js b/src/components/Menu/HomePageMenu.js
deleted file mode 100644
index 92f2a8d..0000000
--- a/src/components/Menu/HomePageMenu.js
+++ /dev/null
@@ -1,26 +0,0 @@
-/*
- * OpenBills - Self hosted browser app to generate and keep track of simple invoices
- * Version - 0
- * Licensed under the MIT license - https://opensource.org/licenses/MIT
- *
- * Copyright (c) 2021 Vidhu Kant Sharma
-*/
-
-import React from "react";
-import {Link} from "react-router-dom";
-import "./HomePageMenu.scss";
-
-const HomePageMenu = () => {
-	return (
-    <div className="HomePageMenu">
-      <Link className="menuItem" to="BillingPage">
-        Create Invoice
-      </Link>
-      <Link className="menuItem" to="pepe">
-        Don't Create Invoice
-      </Link>
-    </div>
-	)
-}
-
-export default HomePageMenu
diff --git a/src/components/Menu/HomePageMenu.tsx b/src/components/Menu/HomePageMenu.tsx
new file mode 100644
index 0000000..db0938a
--- /dev/null
+++ b/src/components/Menu/HomePageMenu.tsx
@@ -0,0 +1,26 @@
+/*
+ * OpenBills - Self hosted browser app to generate and keep track of simple invoices
+ * Version - 0
+ * Licensed under the MIT license - https://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2021 Vidhu Kant Sharma
+*/
+
+import React from "react";
+import { Link } from "react-router-dom";
+import "./HomePageMenu.scss";
+
+const HomePageMenu: React.FC = () => {
+	return (
+    <div className="HomePageMenu">
+      <Link className="menuItem" to="BillingPage">
+        Create Invoice
+      </Link>
+      <Link className="menuItem" to="pepe">
+        Don't Create Invoice
+      </Link>
+    </div>
+	)
+}
+
+export default HomePageMenu
diff --git a/src/components/Pages/HomePage.js b/src/components/Pages/HomePage.js
deleted file mode 100644
index face5fd..0000000
--- a/src/components/Pages/HomePage.js
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * OpenBills - Self hosted browser app to generate and keep track of simple invoices
- * Version - 0
- * Licensed under the MIT license - https://opensource.org/licenses/MIT
- *
- * Copyright (c) 2021 Vidhu Kant Sharma
-*/
-
-import React/*, { useState, useEffect } */from "react";
-import "./HomePage.scss"
-//import axios from "axios";
-
-//import BillingPage from "./BillingPage"
-import HomePageMenu from "./../Menu/HomePageMenu"
-
-const HomePage = () => {
-  return (
-    <div className="HomePage">
-      <h1 className={"welcomeMessage"}>Welcome To OpenBills</h1>
-      <HomePageMenu />
-    </div>
-  );
-}
-
-export default HomePage;
diff --git a/src/components/Pages/HomePage.tsx b/src/components/Pages/HomePage.tsx
new file mode 100644
index 0000000..34a52bd
--- /dev/null
+++ b/src/components/Pages/HomePage.tsx
@@ -0,0 +1,23 @@
+/*
+ * OpenBills - Self hosted browser app to generate and keep track of simple invoices
+ * Version - 0
+ * Licensed under the MIT license - https://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2021 Vidhu Kant Sharma
+*/
+
+import React from "react";
+import "./HomePage.scss"
+
+import HomePageMenu from "./../Menu/HomePageMenu"
+
+const HomePage: React.FC = () => {
+  return (
+    <div className="HomePage">
+      <h1 className={"welcomeMessage"}>Welcome To OpenBills</h1>
+      <HomePageMenu />
+    </div>
+  );
+}
+
+export default HomePage;
-- 
cgit v1.2.3