spencerpincott/sol-journal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: offline ux

Browse Source
This commit is contained in:
Kyle Gill
2019-04-21 21:38:49 -06:00
parent 4cf34cdb7f
commit 4c686b46a4
2 changed files with 19 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
.firebase/hosting.YnVpbGQ.cache
View File

@@ -1,17 +1,17 @@
asset-manifest.json,1555350828798,b6944a37a118148a6f67128e9812cba696a969ab35d7d2261f8afbc635d13660 precache-manifest.6024d0794596703dd8727c1b42ba4c68.js,1555903645629,ba50d3a7e159cfcaa487b96a533236b3b29cb2715a1fcdd4defcbfffee884202
icon.png,1555338274625,40bb863e95a5ea2c01be6eba0beb6801183746f99d40eb393a6b4776a11d8636
manifest.json,1555338280238,20792c911b58103a520ddb6b0f7bcc7ce3bceaa15480cbfd913f8b3620864341 manifest.json,1555338280238,20792c911b58103a520ddb6b0f7bcc7ce3bceaa15480cbfd913f8b3620864341
precache-manifest.0005a9724e74c0adc009ef9d519f7464.js,1555350828797,87820e0e22c8e33297aeaa5a5e47ba9e0ba715b0914421f4651a8f9b2ddcc922 asset-manifest.json,1555903645629,179595dc9d6815443514e22f6e488bee2d2c736c7f73ce1444637564c7b28f30
service-worker.js,1555350828798,c28e5b8e8e30d30fadafeaaab413b0ea62f1ab758f02c234fe1eb87a9b578a9f index.html,1555903645629,e972f6bdcee1a64b3174352ede0b894f87f3137880e1e27ce34aa41d6f2f0316
static/css/main.1a707a0f.chunk.css,1555350828799,31f97c61456faf692f2920be106bc1ee08170c1e86a531eb225b32acfb8359ce icon.png,1555338274625,40bb863e95a5ea2c01be6eba0beb6801183746f99d40eb393a6b4776a11d8636
static/css/main.1a707a0f.chunk.css.map,1555350828850,28865d6e3616355a7fbb38dfc7ed97029ed4b5c5e5c61afbe5d433204e76f9ff
reactfavicon.ico,1553876850033,b72f7455f00e4e58792d2bca892abb068e2213838c0316d6b7a0d6d16acd1955 reactfavicon.ico,1553876850033,b72f7455f00e4e58792d2bca892abb068e2213838c0316d6b7a0d6d16acd1955
service-worker.js,1555903645629,139ddbe4c407880ca625abf1bdee920f42b015daead0469c197e914ab89f1e9a
static/css/main.1a707a0f.chunk.css,1555903645670,31f97c61456faf692f2920be106bc1ee08170c1e86a531eb225b32acfb8359ce
static/css/main.1a707a0f.chunk.css.map,1555903645714,28865d6e3616355a7fbb38dfc7ed97029ed4b5c5e5c61afbe5d433204e76f9ff
favicon.ico,1553876855791,229055d54fe1f70f3d835e9d723ea2fef78f2af82ed7ce45efa2f4623c1c1131 favicon.ico,1553876855791,229055d54fe1f70f3d835e9d723ea2fef78f2af82ed7ce45efa2f4623c1c1131
static/js/main.08b10b7b.chunk.js,1555903645715,ee1483c975c8979142410162c106746d2b7c1369905a8963cbad41345d645f76
static/js/runtime~main.a8a9905a.js.map,1555903645714,c337bf8b58896da637a6e50ab8cfc779eb1ec42c55f8ec429030a03454a549db
static/js/runtime~main.a8a9905a.js,1555903645714,e1af5f94fdd13901b2e433d0d7607e27c01458151c35b1fe4b7feda2a32b7aa9
splash.png,1555338266320,e06cb28b9a2a8275ce53eb5eead2851f684f537a6a30f0f0bf360b8813fa273f splash.png,1555338266320,e06cb28b9a2a8275ce53eb5eead2851f684f537a6a30f0f0bf360b8813fa273f
static/js/runtime~main.a8a9905a.js,1555350828799,e1af5f94fdd13901b2e433d0d7607e27c01458151c35b1fe4b7feda2a32b7aa9 static/js/main.08b10b7b.chunk.js.map,1555903645714,4c1cb90020b2eebc0d094eff93a143c2414df688875d27be07accf2712e677d8
static/js/main.539dbfc2.chunk.js,1555350828857,a99614a50c8f3d8798070d0c51b2531e57d23458837c08ba86719cb23f3f12c5 static/js/2.5daf31d7.chunk.js,1555903645671,e47319ae50f49c01a92d23148afcf7ab041696fe9e86caa88bcc93189c79591e
static/js/runtime~main.a8a9905a.js.map,1555350828851,c337bf8b58896da637a6e50ab8cfc779eb1ec42c55f8ec429030a03454a549db static/js/2.5daf31d7.chunk.js.map,1555903645718,5a8e02a59ae15918976a260b4c6f98a781240c4a8f4180c8eeb43b58ff0455c5
index.html,1555350828797,07e2ca691cab9290909184fea66b837d5a0000dee47c4cd7a3596dffdf0bda2e
static/js/main.539dbfc2.chunk.js.map,1555350828850,49fb635af9a5bff32ff61a86b074dc46056838f3288ddf698c426b57ab8347b6
static/js/2.2706af66.chunk.js,1555350828851,5efeca8967c8dc472e9e1fb78c2036c775c139442d9d08a76b1ad7d89e571108
static/js/2.2706af66.chunk.js.map,1555350828857,e80845c8eaad0c1a9712f7be505d26d45eb22eb897faed8574ac294504293be6

8
src/components/screens/Day/Day.js
View File

@@ -219,6 +219,10 @@ class Day extends React.Component {
.then(() => { .then(() => {
this.setState({ saving: false, lastSavedAt: new Date() }) this.setState({ saving: false, lastSavedAt: new Date() })
}) })
.catch(() => {
console.warn("saving will occur when back online")
this.setState({ saving: false })
})
} }
render() { render() {
@@ -249,7 +253,7 @@ class Day extends React.Component {
<EntryHeading> <EntryHeading>
<JournalHeading>RECORD THOUGHTS ABOUT YOUR DAY</JournalHeading> <JournalHeading>RECORD THOUGHTS ABOUT YOUR DAY</JournalHeading>
<EntryInfo> <EntryInfo>
<SavedMessaged> {online && <SavedMessaged>
{saving ? ( {saving ? (
<> <>
Saving Saving
@@ -266,7 +270,7 @@ class Day extends React.Component {
) : ( ) : (
"Unsaved changes" "Unsaved changes"
)} )}
</SavedMessaged> </SavedMessaged>}
{!online && <OfflineNotice>Offline</OfflineNotice>} {!online && <OfflineNotice>Offline</OfflineNotice>}
</EntryInfo> </EntryInfo>
</EntryHeading> </EntryHeading>