WIP PWA for Grain
feat: register settings route
+3
-4
+2
src/components/pages/grain-app.js
+2
src/components/pages/grain-app.js
···
5
5
import './grain-timeline.js';
6
6
import './grain-profile.js';
7
7
import './grain-gallery-detail.js';
8
+
import './grain-settings.js';
8
9
import '../organisms/grain-header.js';
9
10
import '../organisms/grain-bottom-nav.js';
10
11
···
30
31
.register('/', 'grain-timeline')
31
32
.register('/profile/:handle', 'grain-profile')
32
33
.register('/profile/:handle/gallery/:rkey', 'grain-gallery-detail')
34
+
.register('/settings', 'grain-settings')
33
35
.register('*', 'grain-timeline')
34
36
.connect(outlet);
35
37
}
+1
-4
src/components/pages/grain-settings.js
+1
-4
src/components/pages/grain-settings.js
···
63
63
.settings-row:active {
64
64
background: var(--color-bg-elevated);
65
65
}
66
-
.settings-row.danger {
67
-
color: #ff4444;
68
-
}
69
66
`;
70
67
71
68
#goBack() {
···
86
83
<h1>Settings</h1>
87
84
</div>
88
85
<div class="settings-list">
89
-
<button class="settings-row danger" @click=${this.#signOut}>
86
+
<button class="settings-row" @click=${this.#signOut}>
90
87
<grain-icon name="logout" size="18"></grain-icon>
91
88
Sign Out
92
89
</button>