From ef669d8a1806580bf708edc8f3037438f0e60fa7 Mon Sep 17 00:00:00 2001 From: Raphael Arar Date: Wed, 4 Mar 2026 10:27:25 -0800 Subject: [PATCH] Update process builder toggles to match Figma design - Replace tooltip with description text below toggle labels - Change visibility toggle from "Keep this process private" to "Open for learning" - Update toggle text sizes: title (text-base), description (text-sm) - Add translation keys for all supported languages (en, es, pt, fr, bn) - Improve layout spacing for better visual hierarchy --- .../ProcessBuilder/components/ToggleRow.tsx | 27 +++++++------------ .../general/OverviewSectionForm.tsx | 20 +++++++------- apps/app/src/lib/i18n/dictionaries/bn.json | 4 +++ apps/app/src/lib/i18n/dictionaries/en.json | 4 +++ apps/app/src/lib/i18n/dictionaries/es.json | 4 +++ apps/app/src/lib/i18n/dictionaries/fr.json | 4 +++ apps/app/src/lib/i18n/dictionaries/pt.json | 4 +++ 7 files changed, 40 insertions(+), 27 deletions(-) diff --git a/apps/app/src/components/decisions/ProcessBuilder/components/ToggleRow.tsx b/apps/app/src/components/decisions/ProcessBuilder/components/ToggleRow.tsx index 52eff611a..98bc1ece1 100644 --- a/apps/app/src/components/decisions/ProcessBuilder/components/ToggleRow.tsx +++ b/apps/app/src/components/decisions/ProcessBuilder/components/ToggleRow.tsx @@ -1,28 +1,21 @@ -import { Button } from '@op/ui/Button'; -import { Tooltip, TooltipTrigger } from '@op/ui/Tooltip'; -import { LuInfo } from 'react-icons/lu'; - -// Toggle row component for consistent styling +// Toggle row component for consistent styling matching Figma design export function ToggleRow({ label, - tooltip, + description, children, }: { label: string; - tooltip?: string; + description?: string; children: React.ReactNode; }) { return ( -
-
- {label} - {tooltip && ( - - - {tooltip} - +
+
+

{label}

+ {description && ( +

+ {description} +

)}
{children} diff --git a/apps/app/src/components/decisions/ProcessBuilder/stepContent/general/OverviewSectionForm.tsx b/apps/app/src/components/decisions/ProcessBuilder/stepContent/general/OverviewSectionForm.tsx index 3a26ad90b..e4c092dea 100644 --- a/apps/app/src/components/decisions/ProcessBuilder/stepContent/general/OverviewSectionForm.tsx +++ b/apps/app/src/components/decisions/ProcessBuilder/stepContent/general/OverviewSectionForm.tsx @@ -281,14 +281,14 @@ export function OverviewSectionForm({ /> {/* Toggle Options */} -
+
( ( ( field.handleChange(!value)} size="small" /> diff --git a/apps/app/src/lib/i18n/dictionaries/bn.json b/apps/app/src/lib/i18n/dictionaries/bn.json index 21602570c..4e61543f5 100644 --- a/apps/app/src/lib/i18n/dictionaries/bn.json +++ b/apps/app/src/lib/i18n/dictionaries/bn.json @@ -562,10 +562,14 @@ "Add a review stage where designated reviewers evaluate proposals before voting": "একটি পর্যালোচনা পর্যায় যোগ করুন যেখানে মনোনীত পর্যালোচকরা ভোট দেওয়ার আগে প্রস্তাবগুলি মূল্যায়ন করে", "Keep this process private": "এই প্রক্রিয়াটি ব্যক্তিগত রাখুন", "Only invited members can view and participate in this process": "শুধুমাত্র আমন্ত্রিত সদস্যরা এই প্রক্রিয়া দেখতে এবং অংশগ্রহণ করতে পারেন", + "Open for learning": "শেখার জন্য খোলা", + "Anyone on Common can view this process. Only invited participants can submit.": "Common-এ যে কেউ এই প্রক্রিয়াটি দেখতে পারে। শুধুমাত্র আমন্ত্রিত অংশগ্রহণকারীরা জমা দিতে পারে।", "Process Overview": "প্রক্রিয়া সংক্ষেপ", "Organize proposals into categories": "প্রস্তাবগুলি বিভাগে সংগঠিত করুন", + "Group proposals into categories for better organization and evaluation.": "ভালো সংগঠন এবং মূল্যায়নের জন্য প্রস্তাবগুলি বিভাগে গোষ্ঠীবদ্ধ করুন।", "Group proposals into categories for better organization and evaluation": "ভালো সংগঠন এবং মূল্যায়নের জন্য প্রস্তাবগুলি বিভাগে গোষ্ঠীবদ্ধ করুন", "Require collaborative proposals": "সহযোগী প্রস্তাব প্রয়োজন", + "Require proposals to be co-authored by at least 2 participants.": "অন্তত ২ জন অংশগ্রহণকারীদের দ্বারা প্রস্তাবগুলি সহ-রচনা করা প্রয়োজন।", "Require proposals to be co-authored by multiple participants": "একাধিক অংশগ্রহণকারীদের দ্বারা প্রস্তাবগুলি সহ-রচনা করা প্রয়োজন", "Visibility": "দৃশ্যমানতা", "Save": "সংরক্ষণ", diff --git a/apps/app/src/lib/i18n/dictionaries/en.json b/apps/app/src/lib/i18n/dictionaries/en.json index c8dcc3c03..5d07930a9 100644 --- a/apps/app/src/lib/i18n/dictionaries/en.json +++ b/apps/app/src/lib/i18n/dictionaries/en.json @@ -555,10 +555,14 @@ "Add a review stage where designated reviewers evaluate proposals before voting": "Add a review stage where designated reviewers evaluate proposals before voting", "Keep this process private": "Keep this process private", "Only invited members can view and participate in this process": "Only invited members can view and participate in this process", + "Open for learning": "Open for learning", + "Anyone on Common can view this process. Only invited participants can submit.": "Anyone on Common can view this process. Only invited participants can submit.", "Process Overview": "Process Overview", "Organize proposals into categories": "Organize proposals into categories", + "Group proposals into categories for better organization and evaluation.": "Group proposals into categories for better organization and evaluation.", "Group proposals into categories for better organization and evaluation": "Group proposals into categories for better organization and evaluation", "Require collaborative proposals": "Require collaborative proposals", + "Require proposals to be co-authored by at least 2 participants.": "Require proposals to be co-authored by at least 2 participants.", "Require proposals to be co-authored by multiple participants": "Require proposals to be co-authored by multiple participants", "Visibility": "Visibility", "Save": "Save", diff --git a/apps/app/src/lib/i18n/dictionaries/es.json b/apps/app/src/lib/i18n/dictionaries/es.json index 7a21acab2..63d55b868 100644 --- a/apps/app/src/lib/i18n/dictionaries/es.json +++ b/apps/app/src/lib/i18n/dictionaries/es.json @@ -554,10 +554,14 @@ "Add a review stage where designated reviewers evaluate proposals before voting": "Agregue una etapa de revisión donde revisores designados evalúan propuestas antes de votar", "Keep this process private": "Mantener este proceso privado", "Only invited members can view and participate in this process": "Solo los miembros invitados pueden ver y participar en este proceso", + "Open for learning": "Abierto para aprender", + "Anyone on Common can view this process. Only invited participants can submit.": "Cualquiera en Common puede ver este proceso. Solo los participantes invitados pueden enviar.", "Process Overview": "Resumen del proceso", "Organize proposals into categories": "Organizar propuestas en categorías", + "Group proposals into categories for better organization and evaluation.": "Agrupar propuestas en categorías para una mejor organización y evaluación.", "Group proposals into categories for better organization and evaluation": "Agrupar propuestas en categorías para una mejor organización y evaluación", "Require collaborative proposals": "Requerir propuestas colaborativas", + "Require proposals to be co-authored by at least 2 participants.": "Requerir que las propuestas sean coautoradas por al menos 2 participantes.", "Require proposals to be co-authored by multiple participants": "Requerir que las propuestas sean coautoradas por múltiples participantes", "Visibility": "Visibilidad", "Save": "Guardar", diff --git a/apps/app/src/lib/i18n/dictionaries/fr.json b/apps/app/src/lib/i18n/dictionaries/fr.json index a865df594..625aaa89e 100644 --- a/apps/app/src/lib/i18n/dictionaries/fr.json +++ b/apps/app/src/lib/i18n/dictionaries/fr.json @@ -555,10 +555,14 @@ "Add a review stage where designated reviewers evaluate proposals before voting": "Ajoutez une étape d'évaluation où des évaluateurs désignés examinent les propositions avant le vote", "Keep this process private": "Garder ce processus privé", "Only invited members can view and participate in this process": "Seuls les membres invités peuvent voir et participer à ce processus", + "Open for learning": "Ouvert pour l'apprentissage", + "Anyone on Common can view this process. Only invited participants can submit.": "N'importe qui sur Common peut voir ce processus. Seuls les participants invités peuvent soumettre.", "Process Overview": "Aperçu du processus", "Organize proposals into categories": "Organiser les propositions en catégories", + "Group proposals into categories for better organization and evaluation.": "Regrouper les propositions en catégories pour une meilleure organisation et évaluation.", "Group proposals into categories for better organization and evaluation": "Regrouper les propositions en catégories pour une meilleure organisation et évaluation", "Require collaborative proposals": "Exiger des propositions collaboratives", + "Require proposals to be co-authored by at least 2 participants.": "Exiger que les propositions soient co-rédigées par au moins 2 participants.", "Require proposals to be co-authored by multiple participants": "Exiger que les propositions soient co-rédigées par plusieurs participants", "Visibility": "Visibilité", "Save": "Enregistrer", diff --git a/apps/app/src/lib/i18n/dictionaries/pt.json b/apps/app/src/lib/i18n/dictionaries/pt.json index d6d7e57e5..74ed8d439 100644 --- a/apps/app/src/lib/i18n/dictionaries/pt.json +++ b/apps/app/src/lib/i18n/dictionaries/pt.json @@ -555,10 +555,14 @@ "Add a review stage where designated reviewers evaluate proposals before voting": "Adicione uma etapa de revisão onde revisores designados avaliam propostas antes da votação", "Keep this process private": "Manter este processo privado", "Only invited members can view and participate in this process": "Apenas membros convidados podem ver e participar deste processo", + "Open for learning": "Aberto para aprendizado", + "Anyone on Common can view this process. Only invited participants can submit.": "Qualquer pessoa no Common pode ver este processo. Apenas participantes convidados podem enviar.", "Process Overview": "Visão geral do processo", "Organize proposals into categories": "Organizar propostas em categorias", + "Group proposals into categories for better organization and evaluation.": "Agrupar propostas em categorias para melhor organização e avaliação.", "Group proposals into categories for better organization and evaluation": "Agrupar propostas em categorias para melhor organização e avaliação", "Require collaborative proposals": "Exigir propostas colaborativas", + "Require proposals to be co-authored by at least 2 participants.": "Exigir que propostas sejam co-autoradas por pelo menos 2 participantes.", "Require proposals to be co-authored by multiple participants": "Exigir que propostas sejam co-autoradas por múltiplos participantes", "Visibility": "Visibilidade", "Save": "Salvar",