Add extra message to +error.svelte to handle, and clarify 'OFFLINE' error.
This commit is contained in:
@@ -248,10 +248,10 @@
|
||||
font-size: 1.18rem;
|
||||
}
|
||||
}
|
||||
@media (min-width: 620px) {
|
||||
@media (min-width: 620px) {
|
||||
.cancel-row td,
|
||||
.delay-row td {
|
||||
font-size: 1.20rem;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -261,12 +261,12 @@
|
||||
padding: 0;
|
||||
color: rgb(187, 187, 255);
|
||||
}
|
||||
@media(min-width: 400px) {
|
||||
@media (min-width: 400px) {
|
||||
.toc-coach-row td {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
}
|
||||
@media(min-width: 550px) {
|
||||
@media (min-width: 550px) {
|
||||
.toc-coach-row td {
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
@@ -1,43 +1,43 @@
|
||||
import { browser } from '$app/environment';
|
||||
|
||||
export interface Preferences {
|
||||
locationEnabled: boolean;
|
||||
locationEnabled: boolean;
|
||||
}
|
||||
|
||||
const STORAGE_KEY = 'ob_pref';
|
||||
|
||||
const DEFAULT_PREFS: Preferences = {
|
||||
locationEnabled: false,
|
||||
locationEnabled: false
|
||||
};
|
||||
|
||||
function loadPrefs(): Preferences {
|
||||
if (!browser) return DEFAULT_PREFS;
|
||||
const stored = localStorage.getItem(STORAGE_KEY);
|
||||
if (!stored) return DEFAULT_PREFS;
|
||||
if (!browser) return DEFAULT_PREFS;
|
||||
const stored = localStorage.getItem(STORAGE_KEY);
|
||||
if (!stored) return DEFAULT_PREFS;
|
||||
|
||||
try {
|
||||
return { ...DEFAULT_PREFS, ...JSON.parse(stored) };
|
||||
} catch {
|
||||
return DEFAULT_PREFS;
|
||||
}
|
||||
try {
|
||||
return { ...DEFAULT_PREFS, ...JSON.parse(stored) };
|
||||
} catch {
|
||||
return DEFAULT_PREFS;
|
||||
}
|
||||
}
|
||||
|
||||
class PreferencesStore {
|
||||
current = $state<Preferences>(loadPrefs());
|
||||
current = $state<Preferences>(loadPrefs());
|
||||
|
||||
constructor() {
|
||||
$effect.root(() => {
|
||||
$effect(() => {
|
||||
if (browser) {
|
||||
localStorage.setItem(STORAGE_KEY, JSON.stringify(this.current));
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
constructor() {
|
||||
$effect.root(() => {
|
||||
$effect(() => {
|
||||
if (browser) {
|
||||
localStorage.setItem(STORAGE_KEY, JSON.stringify(this.current));
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
toggleLocation(enabled: boolean) {
|
||||
this.current.locationEnabled = enabled;
|
||||
}
|
||||
toggleLocation(enabled: boolean) {
|
||||
this.current.locationEnabled = enabled;
|
||||
}
|
||||
}
|
||||
|
||||
export const prefs = new PreferencesStore();
|
||||
export const prefs = new PreferencesStore();
|
||||
|
||||
@@ -11,18 +11,18 @@ const MAX_ENTRIES: number = RETURNED_LENGTH * 4;
|
||||
class QuickLinksService {
|
||||
#links = $state<QuickLink[]>([]);
|
||||
|
||||
constructor() {
|
||||
if (typeof window !== 'undefined') {
|
||||
const saved = localStorage.getItem('ql');
|
||||
if (saved) {
|
||||
try {
|
||||
this.#links = JSON.parse(saved);
|
||||
} catch {
|
||||
this.#links = [];
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
constructor() {
|
||||
if (typeof window !== 'undefined') {
|
||||
const saved = localStorage.getItem('ql');
|
||||
if (saved) {
|
||||
try {
|
||||
this.#links = JSON.parse(saved);
|
||||
} catch {
|
||||
this.#links = [];
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
get list(): QuickLink[] {
|
||||
return this.#links.slice(0, RETURNED_LENGTH);
|
||||
@@ -58,16 +58,16 @@ constructor() {
|
||||
this.#links = sorted.slice(0, MAX_ENTRIES);
|
||||
|
||||
if (typeof window !== 'undefined') {
|
||||
localStorage.setItem('ql', JSON.stringify(this.#links));
|
||||
}
|
||||
localStorage.setItem('ql', JSON.stringify(this.#links));
|
||||
}
|
||||
}
|
||||
|
||||
reset() {
|
||||
this.#links = [];
|
||||
if (typeof window !== 'undefined') {
|
||||
localStorage.removeItem('ql');
|
||||
}
|
||||
}
|
||||
this.#links = [];
|
||||
if (typeof window !== 'undefined') {
|
||||
localStorage.removeItem('ql');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export const quickLinks = new QuickLinksService();
|
||||
|
||||
Reference in New Issue
Block a user