converted all the smaller files to tsx

1 files changed, 31 insertions, 0 deletions

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;