Arnaud
55c6fc5ab7
Extends the existing feature-flags system (previously 3 keys, all default-enabled) with 6 more: recipe_import_url, recipe_import_photo, nutrition_estimation, markdown_export, weekly_nutrition, grocery_delivery. Each FEATURE_DEFINITIONS entry now carries its own defaultEnabled -- the new 6 default to false, the original 3 stay true -- so no migration/seed was needed for the "off by default" requirement, just a per-key fallback instead of a blanket true. Gated server-side (requireFeatureEnabledResponse, a new shared helper avoiding six copies of the same try/catch) on: import-url, import-photo, nutrition POST estimate, bulk markdown export, weekly meal-plan nutrition GET, Instacart export. Gated client-side by hiding the trigger entirely (not just disabling) on every page that renders one: recipe detail (meal/drink pairing buttons, nutrition panel's estimate button, markdown export), recipes list (import-URL button, including the OS Share Target auto-import path), new-recipe page (photo import), meal-plan page (markdown export, weekly nutrition bar), shopping-list/collection/pantry pages (markdown export), shopping-list page (Instacart button, now gated by both the existing env-var check AND the tier flag). Also: BYOK section on Settings -> AI now hidden entirely for non-BYOK users (previously showed a locked-and-teased notice, same inconsistency the Model Prefs fix closed yesterday). Language switcher shows a flag icon (FlagGB/FlagFR, moved from components/marketing to components/shared so both the logged-in settings switcher and the logged-out marketing one can use it) instead of plain "English"/"Français" text-only options. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
25 lines
977 B
TypeScript
25 lines
977 B
TypeScript
// Minimal inline SVG flags — no emoji (inconsistent rendering across
|
|
// OS/browsers) and no new dependency for just two supported locales.
|
|
|
|
export function FlagGB({ className }: { className?: string }) {
|
|
return (
|
|
<svg viewBox="0 0 20 14" className={className} aria-hidden="true">
|
|
<rect width="20" height="14" fill="#00247d" />
|
|
<path d="M0 0 20 14M20 0 0 14" stroke="#fff" strokeWidth="2.4" />
|
|
<path d="M0 0 20 14M20 0 0 14" stroke="#cf142b" strokeWidth="1.2" />
|
|
<path d="M10 0V14M0 7H20" stroke="#fff" strokeWidth="4" />
|
|
<path d="M10 0V14M0 7H20" stroke="#cf142b" strokeWidth="2.4" />
|
|
</svg>
|
|
);
|
|
}
|
|
|
|
export function FlagFR({ className }: { className?: string }) {
|
|
return (
|
|
<svg viewBox="0 0 20 14" className={className} aria-hidden="true">
|
|
<rect width="20" height="14" fill="#fff" />
|
|
<rect width="6.67" height="14" fill="#0055a4" />
|
|
<rect x="13.33" width="6.67" height="14" fill="#ef4135" />
|
|
</svg>
|
|
);
|
|
}
|