Thinking status for suggestions

raindropio · May 16, 2024 · 70ce037 · 70ce037
1 parent 9030d98
commit 70ce037
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 4 deletions.
diff --git a/src/data/modules/persistConfig.js b/src/data/modules/persistConfig.js
@@ -19,7 +19,7 @@ if (RAINDROP_ENVIRONMENT == 'browser')
 else
 	storage = require('@react-native-async-storage/async-storage').default
 
-const version = 38
+const version = 39
 
 export default {
 	key: 'primary',

diff --git a/src/data/reducers/predictions.js b/src/data/reducers/predictions.js
@@ -20,6 +20,7 @@ export default function(state = initialState, action){switch (action.type) {
     case c.PREDICTIONS_LOAD_REQ:{
         return state
             .set('status', 'loading')
+            .set('updateDate', null)
     }
 
     case c.PREDICTIONS_LOAD_SUCCESS:{
@@ -29,6 +30,7 @@ export default function(state = initialState, action){switch (action.type) {
         return state
             .set('status', 'loaded')
             .set('items', items)
+            .set('updateDate', action.updateDate)
     }
 
     case c.PREDICTIONS_LOAD_ERROR:{
@@ -78,5 +80,6 @@ export default function(state = initialState, action){switch (action.type) {
 const initialState = Immutable({
     status: 'idle', //idle|loading|loaded|error
     items: [],
+    updateDate: null,
     apply_status: {} // _id: loading|success|error
 })
diff --git a/src/data/sagas/predictions.js b/src/data/sagas/predictions.js
@@ -9,12 +9,11 @@ export default function* () {
 
 function* load() {
     try {
-		const { predictions, raindrops } = yield call(Api.get, 'predictions?version=1')
+		const res = yield call(Api.get, 'predictions?version=1')
 
 		yield put({
 			type: c.PREDICTIONS_LOAD_SUCCESS,
-			predictions,
-			raindrops
+			...res
 		})
 	} catch (error) {
 		yield put({

diff --git a/src/routes/suggestions/predictions/empty.js b/src/routes/suggestions/predictions/empty.js
@@ -1,8 +1,20 @@
 import React from 'react'
 import links from '~config/links'
+import { useSelector } from 'react-redux'
+
 import Alert from '~co/common/alert'
 
 export default function MySuggestionsPredictionsEmpty() {
+    const updateDate = useSelector(state=>state.predictions.updateDate)
+
+    if (!updateDate)
+        return (
+            <Alert>
+                <b>💭 Thinking&hellip;</b><br />
+                Check back later for suggestions tailored to your bookmarks
+            </Alert>
+        )
+
     return (
         <Alert>
             <b>Not enough data yet</b><br />