From c8e3b72adcf2f789e1d561dfb8c656af6064264e Mon Sep 17 00:00:00 2001
From: Nikita Nek Dudnik <nikdudnik@gmail.com>
Date: Thu, 7 May 2020 11:50:35 +0200
Subject: [PATCH] It's broken but changes are nice

---
 plugins/circleci/src/components/App.tsx | 41 +++++++++++++++++++++++++
 plugins/circleci/src/plugin.ts          |  8 ++---
 2 files changed, 43 insertions(+), 6 deletions(-)
 create mode 100644 plugins/circleci/src/components/App.tsx

diff --git a/plugins/circleci/src/components/App.tsx b/plugins/circleci/src/components/App.tsx
new file mode 100644
index 0000000000..db826b26d3
--- /dev/null
+++ b/plugins/circleci/src/components/App.tsx
@@ -0,0 +1,41 @@
+import { Route } from 'react-router';
+import React from 'react';
+import { BuildsPage } from 'pages/BuildsPage';
+import { DetailedViewPage } from 'pages/DetailedViewPage';
+import { SettingsPage } from 'pages/SettingsPage';
+
+type AppState = {
+  token: string;
+  owner: string;
+  repo: string;
+};
+
+type AppAction =
+  | { type: 'setToken'; payload: string }
+  | { type: 'setOwner'; payload: string }
+  | { type: 'setRepo'; payload: string };
+
+const initialState: AppState = { token: '', owner: '', repo: '' };
+
+function reducer(state: AppState, action: AppAction) {
+  switch (action.type) {
+    case 'setToken':
+      return { count: state.count + 1 };
+    case 'decrement':
+      return { count: state.count - 1 };
+    default:
+      throw new Error();
+  }
+}
+
+const Context = React.createContext(42);
+
+export const App = () => {
+  return (
+    <Context.Provider value={42}>
+      <Route path="/" component={BuildsPage} />
+      <Route path="/build/:buildId" component={DetailedViewPage} />
+      <Route path="/settings" component={SettingsPage} />
+    </Context.Provider>
+  );
+};
diff --git a/plugins/circleci/src/plugin.ts b/plugins/circleci/src/plugin.ts
index 11d215f30f..064cce93fb 100644
--- a/plugins/circleci/src/plugin.ts
+++ b/plugins/circleci/src/plugin.ts
@@ -14,15 +14,11 @@
  * limitations under the License.
  */
 import { createPlugin } from '@backstage/core';
-import { BuildsPage } from './pages/BuildsPage';
-import { SettingsPage } from './pages/SettingsPage';
-import { DetailedViewPage } from './pages/DetailedViewPage';
+import { App } from './components/App';
 
 export const plugin = createPlugin({
   id: 'circleci',
   register({ router }) {
-    router.registerRoute('/circleci', BuildsPage);
-    router.registerRoute('/circleci/build/:buildId', DetailedViewPage);
-    router.registerRoute('/circleci/settings', SettingsPage);
+    router.registerRoute('/circleci', App);
   },
 });