);
}
// ─────────────────────────────────────────── 게이지 바 (3종 변형)
function GaugeBar({ cur, tgt, maxTgt, variant, C }) {
const up = upside(cur, tgt);
// 모든 바의 스케일을 동일 maxTgt 기준으로 → 종목 내 목표가 비교 가능
const curW = (cur / maxTgt) * 100;
const tgtW = (tgt / maxTgt) * 100;
if (variant === "headroom") {
// 상승 여력(헤드룸)을 그린 그라데이션으로 강조
return (
현재가
);
}
if (variant === "ticks") {
// 눈금형 — 현재가까지 채움, 목표 지점에 깃발
const ticks = Array.from({ length: 20 }, (_, i) => i);
return (
{ticks.map((i) => {
const p = (i + 0.5) * 5;
const filled = p <= curW;
const inHead = p > curW && p <= tgtW;
return ;
})}
);
}
// 기본 "fill" — 채움 + 헤드룸 틴트 + 목표가 끝점
return (
{pct(up)}
);
}
// ─────────────────────────────────────────── 로그인 모달
function LoginModal({ isOpen, onClose, C }) {
if (!isOpen) return null;
const doLogin = async (e) => {
if (e && e.preventDefault) e.preventDefault();
if (e && e.stopPropagation) e.stopPropagation();
const supabase = window.supabaseClient;
if (supabase) {
const params = new URLSearchParams(window.location.search);
params.delete("error");
params.delete("error_code");
params.delete("error_description");
const cleanSearch = params.toString() ? "?" + params.toString() : "";
const redirectTo = window.location.origin + window.location.pathname + cleanSearch;
const { error } = await supabase.auth.signInWithOAuth({
provider: 'google',
options: { redirectTo }
});
if (error) console.error("Google login error:", error);
} else {
alert("Supabase 클라이언트가 초기화되지 않았습니다.");
}
};
return (