Remove reducer code and redux packages.

Author: athiteshkubavat

package-lock.json

@@ -1,14 +1,14 @@
 {
- "name": "example-pawjs-tailwind",
+ "name": "example-pawjs-semantic-ui",
  "version": "1.0.0",
- "description": "Example on using Tailwind CSS with PawJS",
+ "description": "Example on using Semantic-ui CSS with PawJS",
  "scripts": {
  "start": "pawjs --env=development start",
  "build": "pawjs --env=production --config=prod.pawconfig.json build"
  },
  "repository": {
  "type": "git",
- "url": "git+https://github.com/Atyantik/example-pawjs-tailwind.git"
+ "url": "git+https://github.com/Atyantik/example-pawjs-semantic-ui.git"
  },
  "author": {
  "name": "Atyantik Technologies",
@@ -28,11 +28,15 @@
  }
  ],
  "devDependencies": {
- "@pawjs/pawjs": "^2.1.10"
+ "@pawjs/pawjs": "^2.2.3"
  },
  "license": "MIT",
  "bugs": {
  "url": "https://github.com/Atyantik/example-pawjs-tailwind/issues"
  },
- "homepage": "https://github.com/Atyantik/example-pawjs-tailwind#readme"
+ "homepage": "https://github.com/Atyantik/example-pawjs-tailwind#readme",
+ "dependencies": {
+ "semantic-ui-css": "^2.4.1",
+ "semantic-ui-react": "^0.82.5"
+ }
 }

package.json

@@ -45,10 +45,10 @@ const Home = () => (
  />
  <Button className="ui animated fade button primary huge" to="/reducer">
  <div className="visible content">
- Checkout Redux
+ Call to action
  </div>
  <div className="hidden content">
- Go to the Link
+ Click here
  <Icon name="right arrow" />
  </div>
  </Button>
@@ -58,7 +58,6 @@ const Home = () => (
  <Grid container stackable verticalAlign="middle">
  <Grid.Row>
  <Grid.Column width={8}>
- <Link to="/"><h2>Reducer Demo</h2></Link>
  <Header as="h3" style={{ fontSize: "2em" }}>
  We Help Companies and Companions
  </Header>

src/app/components/ReducerPage/actions.js

@@ -1,35 +1,3 @@
 import "semantic-ui-css/semantic.css";
-import ReduxClient from "@pawjs/redux/client";
-import * as AppReducers from "./app/reducers";
 
-const AppInitialState = {
- counter: {
- count: 5,
- },
-};
-export default class Client {
- constructor({ addPlugin }) {
- const reduxClient = new ReduxClient({ addPlugin });
- reduxClient.setReducers(AppReducers);
- // If you want to add some redux middleware
- // reduxClient.addMiddleware(AnyMiddleware);
-
- // If you want to add some redux enahncers
- // reduxClient.addEnhancer(SomeEnhancer);
- addPlugin(reduxClient);
-
- // ...
- }
-
- apply(clientHandler) {
- clientHandler
- .hooks
- .reduxInitialState
- .tapPromise("ReduxInitialState", async ({ getInitialState, setInitialState }) => {
- const initialState = Object.assign({}, getInitialState(), AppInitialState);
- // You can also wait for something async to happen
- // await fetch("/api/counter/details") and add it to the initial state if needed
- setInitialState(initialState);
- });
- }
-}
+export default class Client {}

src/app/components/ReducerPage/reducer-page.js

@@ -1,10 +1,8 @@
 import HomeRoute from "./pages/home";
-import ReducerRoute from "./pages/reducer";
 export default class Routes {
  apply(routeHandler) {
  const routes = [
  ...HomeRoute,
- ...ReducerRoute,
  ];
 
  routeHandler.hooks.initRoutes.tapPromise("AppRoutes", async () => {