/changes --> /recent. Part of #50.

jkomoros · Dec 27, 2018 · 017692f · 017692f
1 parent 7087d40
commit 017692f
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 18 deletions.
diff --git a/src/actions/app.js b/src/actions/app.js
@@ -37,7 +37,7 @@ export const navigatePathTo = (path, silent) => (dispatch, getState) => {
 
 export const navigateToChangesNumDays = (numDays) => (dispatch) => {
   if (!numDays) numDays = 1;
-  dispatch(navigatePathTo('/changes/' + numDays + '/days'));
+  dispatch(navigatePathTo('/recent/' + numDays + '/days'));
 }
 
 export const navigateToNextCard = () => (dispatch, getState) => {
@@ -102,7 +102,7 @@ const loadPage = (pathname) => (dispatch) => {
         // navigating to view1 after my-view1.js is loaded.
       });
       break;
-    case 'changes':
+    case 'recent':
       import('../components/recent-changes-view.js');
       break;
     case 'maintenance':

diff --git a/src/actions/changes.js → src/actions/recent.js b/src/actions/changes.js → src/actions/recent.js
@@ -1,5 +1,5 @@
-export const UPDATE_CHANGES_CARDS= 'UPDATE_CHANGES_CARDS';
-export const CHANGES_FETCHING='CHANGES_FETCHING';
+export const UPDATE_RECENT_CARDS= 'UPDATE_RECENT_CARDS';
+export const RECENT_FETCHING='RECENT_FETCHING';
 
 import {
   db,
@@ -8,7 +8,7 @@ import {
 
 const fetching = (isFetching) => {
   return {
-    type: CHANGES_FETCHING,
+    type: RECENT_FETCHING,
     isFetching 
   }
 }
@@ -45,7 +45,7 @@ export const fetchRecentChanges = (numDays) => (dispatch, getState) => {
 
 const updateChangesCards = (cardsBySection) => {
   return {
-    type: UPDATE_CHANGES_CARDS,
+    type: UPDATE_RECENT_CARDS,
     cardsBySection
   }
 }
diff --git a/src/components/compendium-app.js b/src/components/compendium-app.js
@@ -183,7 +183,7 @@ class CompendiumApp extends connect(store)(LitElement) {
               `)}` :
               html`<a ?selected="${this._page === 'c'}" href="/c"><em>Loading...</em></a>`
             }
-            <a ?selected="${this._page === 'changes'}" href="/changes">Recent Changes</a>
+            <a ?selected="${this._page === 'recent'}" href="/recent">Recent</a>
           </nav>
           <div class='spacer dev'>
             ${this._devMode ? html`DEVMODE` : ""}
@@ -195,7 +195,7 @@ class CompendiumApp extends connect(store)(LitElement) {
       <!-- Main content -->
       <main role="main" class="main-content">
         <card-view class="page" ?active="${this._page === 'c'}"></card-view>
-        <recent-changes-view class="page" ?active="${this._page === 'changes'}"></recent-changes-view>
+        <recent-changes-view class="page" ?active="${this._page === 'recent'}"></recent-changes-view>
         <my-view404 class="page" ?active="${this._page === 'view404'}"></my-view404>
         <maintenance-view class='page' ?active="${this._page === 'maintenance'}"></maintenance-view>
       </main>

diff --git a/src/components/recent-changes-view.js b/src/components/recent-changes-view.js
@@ -5,14 +5,14 @@ import { connect } from 'pwa-helpers/connect-mixin.js';
 // This element is connected to the Redux store.
 import { store } from '../store.js';
 
-import changes from '../reducers/changes.js';
+import recent from '../reducers/recent.js';
 store.addReducers({
-  changes
+  recent
 });
 
 import {
   fetchRecentChanges 
-} from '../actions/changes.js';
+} from '../actions/recent.js';
 
 import {
   navigateToChangesNumDays,
@@ -188,9 +188,9 @@ class RecentChangesView extends connect(store)(PageViewElement) {
 
   stateChanged(state) {
     this._numDays = this.extractPageExtra(state.app.pageExtra);
-    this._cardsBySection = state.changes.cardsBySection;
+    this._cardsBySection = state.recent.cardsBySection;
     this._sections = state.data.sections;
-    this._fetching = state.changes.fetching;
+    this._fetching = state.recent.fetching;
   }
 
   updated(changedProps) {

diff --git a/src/reducers/changes.js → src/reducers/recent.js b/src/reducers/changes.js → src/reducers/recent.js
@@ -1,7 +1,7 @@
 import {
-  UPDATE_CHANGES_CARDS,
-  CHANGES_FETCHING
-} from '../actions/changes.js';
+  UPDATE_RECENT_CARDS,
+  RECENT_FETCHING
+} from '../actions/recent.js';
 
 const INITIAL_STATE = {
   cardsBySection: {},
@@ -10,13 +10,13 @@ const INITIAL_STATE = {
 
 const app = (state = INITIAL_STATE, action) => {
   switch (action.type) {
-    case UPDATE_CHANGES_CARDS:
+    case UPDATE_RECENT_CARDS:
       return {
         ...state,
         cardsBySection: action.cardsBySection,
         fetching: false
       }
-    case CHANGES_FETCHING:
+    case RECENT_FETCHING:
       return {
         ...state,
         fetching: action.isFetching