Make floating goal messages more descriptive
This commit is contained in:
14
src/main.js
14
src/main.js
@@ -1067,11 +1067,19 @@
|
|||||||
return null;
|
return null;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const formatGoalMessage = (goal) => {
|
||||||
|
if (!goal || !goal.label || goal.label === "—") return null;
|
||||||
|
const pieces = [`Goal: ${goal.label}`];
|
||||||
|
if (Number.isFinite(goal.progress)) {
|
||||||
|
const pct = Math.max(0, Math.min(100, Math.round(goal.progress)));
|
||||||
|
pieces.push(`${pct}% complete`);
|
||||||
|
}
|
||||||
|
return pieces.join(" • ");
|
||||||
|
};
|
||||||
|
|
||||||
const announceGoalMessage = () => {
|
const announceGoalMessage = () => {
|
||||||
const goal = getGoalState();
|
const goal = getGoalState();
|
||||||
const text =
|
const text = config.messages?.text || formatGoalMessage(goal);
|
||||||
config.messages?.text ||
|
|
||||||
(goal && goal.label && goal.label !== "—" ? goal.label : null);
|
|
||||||
if (!text) return;
|
if (!text) return;
|
||||||
const colors =
|
const colors =
|
||||||
(Array.isArray(config.messages?.colors) && config.messages.colors) ||
|
(Array.isArray(config.messages?.colors) && config.messages.colors) ||
|
||||||
|
|||||||
Reference in New Issue
Block a user