Refractoring: Removed unnecessary component Reactview

src/ReactView.tsx

@@ -1,8 +0,0 @@
-import * as React from "react";
-import App from "./view/App";
-
-export default function ReactView(props: any){
-  return(
-    <App username={props.userID} apiToken={props.tokenAPI} plugin={props.plugin}/>
-  )
-}

src/view.tsx

@@ -1,7 +1,7 @@
 import { ItemView,WorkspaceLeaf } from "obsidian";
 import * as React from "react";
 import * as ReactDOM from "react-dom";
-import ReactView from "./ReactView";
+import App from "./view/App"
 import HabiticaSync from "./main";
 
 
@@ -27,7 +27,7 @@ export class HabiticaSyncView extends ItemView {
 
     async onOpen() {
         ReactDOM.render(
-            <ReactView userID = {this.plugin.settings.userID} tokenAPI = {this.plugin.settings.apiToken} plugin={this.plugin}/>,
+            <App plugin={this.plugin}/>,
            this.containerEl.children[1]
         )
     }

src/view/App.tsx

@@ -11,8 +11,8 @@ let credentials = ""
 class App extends React.Component<any,any> {
     constructor(props: any) {
         super(props)
-        username = this.props.username
-        credentials = this.props.apiToken
+        username = this.props.plugin.settings.userID
+        credentials = this.props.plugin.settings.apiToken
         this.state = {
             isLoaded: false,
             user_data: {