chore: Improve workspace selection screen (#5853)

Co-authored-by: Diego Mello <diegolmello@gmail.com>

app/containers/Button/Button.stories.tsx

@@ -23,6 +23,8 @@ export const DisabledButton = () => <Button disabled {...buttonProps} />;
 
 export const DisabledLoadingButton = () => <Button disabled loading {...buttonProps} />;
 
+export const SmallButton = () => <Button small {...buttonProps} />;
+
 export const CustomButton = () => (
 	<Button
 		{...buttonProps}

app/containers/Button/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StyleProp, StyleSheet, Text, TextStyle } from 'react-native';
+import { StyleProp, StyleSheet, Text, TextStyle, ViewStyle } from 'react-native';
 import Touchable, { PlatformTouchableProps } from 'react-native-platform-touchable';
 
 import { useTheme } from '../../theme';
@@ -14,16 +14,25 @@ interface IButtonProps extends PlatformTouchableProps {
 	loading?: boolean;
 	color?: string;
 	fontSize?: number;
+	style?: StyleProp<ViewStyle> | StyleProp<ViewStyle>[];
 	styleText?: StyleProp<TextStyle> | StyleProp<TextStyle>[];
+	small?: boolean;
 }
 
 const styles = StyleSheet.create({
 	container: {
+		marginBottom: 12,
+		borderRadius: 4
+	},
+	normalButton: {
 		paddingHorizontal: 14,
 		justifyContent: 'center',
-		height: 48,
-		borderRadius: 4,
-		marginBottom: 12
+		height: 48
+	},
+	smallButton: {
+		paddingHorizontal: 12,
+		paddingVertical: 8,
+		alignSelf: 'center'
 	},
 	text: {
 		...sharedStyles.textMedium,
@@ -45,6 +54,7 @@ const Button: React.FC<IButtonProps> = ({
 	color,
 	style,
 	styleText,
+	small,
 	...otherProps
 }) => {
 	const { colors } = useTheme();
@@ -58,6 +68,7 @@ const Button: React.FC<IButtonProps> = ({
 	const resolvedTextColor = color || (isPrimary ? colors.fontWhite : colors.fontDefault);
 
 	const containerStyle = [
+		small ? styles.smallButton : styles.normalButton,
 		styles.container,
 		{ backgroundColor: isDisabled ? disabledBackgroundColor : resolvedBackgroundColor },
 		isDisabled && backgroundColor ? styles.disabled : {},

app/containers/TextInput/FormTextInput.tsx

@@ -15,12 +15,13 @@ const styles = StyleSheet.create({
 		paddingTop: 5
 	},
 	inputContainer: {
-		marginBottom: 10
+		marginBottom: 10,
+		gap: 4
 	},
 	label: {
-		marginBottom: 10,
-		fontSize: 14,
-		...sharedStyles.textSemibold
+		fontSize: 16,
+		lineHeight: 22,
+		...sharedStyles.textMedium
 	},
 	input: {
 		...sharedStyles.textRegular,

app/i18n/locales/ar.json

@@ -26,7 +26,7 @@
   "and_N_more": "و{{count}} آخرين",
   "Announcement": "إعلان",
   "announcement": "إعلان",
-  "Apply_Your_Certificate": "طبق شهادتك",
+  "Apply_Certificate": "تقديم الشهادة",
   "ARCHIVE": "أرشفة",
   "archive": "أرشفة",
   "are_typing": "يكتب",
@@ -111,7 +111,7 @@
   "Discussion_name": "اسم النقاش",
   "Discussions": "مناقشات",
   "Displays_action_text": "يعرض نص الإجراء",
-  "Do_you_have_a_certificate": "هل لديك شهادة؟",
+  "Do_you_have_a_certificate": "هل لديك شهادة لهذا المساحة؟",
   "Do_you_have_an_account": "هل لديك حساب؟",
   "Do_you_really_want_to_key_this_room_question_mark": "هل تريد حقاً {{key}} هذه الغرفة؟",
   "Dont_activate": "لا تقم بالتفعيل الآن",
@@ -183,6 +183,7 @@
   "Insert_Join_Code": "ضع رمز الانضمام",
   "Invalid_or_expired_invite_token": "رمز الدعوة غير صالح أو منتهي الصلاحية",
   "Invalid_server_version": "الخادم الذي تحاول الاتصال به يستخدم إصدارا لم يعد مدعوماً: {{currentVersion}}.\n\n النسخ المدعومة تبدأ من {{minVersion}}",
+  "Invalid_workspace_URL": "عنوان URL لمساحة العمل غير صالح",
   "Invisible": "غير مرئي",
   "Invite_Link": "رابط الدعوة",
   "Invite_user_to_join_channel": "دعوة مستخدم واحد إلى الانضمام إلى هذه القناة",
@@ -193,7 +194,6 @@
   "is_typing": "يكتب",
   "Join": "انضم",
   "Join_Code": "رمز الانضمام",
-  "Join_our_open_workspace": "انضم لمساحة عملنا المفتوحة",
   "Join_the_given_channel": "انضمام إلى القناة المحددة",
   "Just_invited_people_can_access_this_channel": "يمكن للأشخاص المدعوين فقط الوصول إلى هذه القناة",
   "Just_invited_people_can_access_this_team": "فقط الأشخاص المدعوين يمكنهم الوصول إلى هذا الفريق",
@@ -281,7 +281,7 @@
   "No_Read_Receipts": "لا إيصالات قراءة",
   "No_results_found": "لا نتائج",
   "No_starred_messages": "لا رسائل مميزة",
-  "Not_RC_Server": "هذا ليس بخادم Rocket.Chat.\n{{contact}}",
+  "Not_RC_Server": "اتصل بمسؤول مساحة العمل الخاصة بك أو ابحث في بريدك الإلكتروني عن دعوة إلى مساحة عمل Rocket.Chat.",
   "Nothing": "لا شيء",
   "Nothing_to_save": "لا شيء للحفظ!",
   "Notification_Preferences": "تفضيلات الإشعار",
@@ -291,7 +291,6 @@
   "Omnichannel": "القنوات الموحدة",
   "Omnichannel_enable_alert": "أنت غير متاح ",
   "Onboarding_agree_terms": "بالمواصلة أنت توافق على Rocket.Chat",
-  "Onboarding_join_open_description": "انضم لمساحة عملنا للتواصل مع فريق Rocket.Chat ومع المجتمع",
   "Onboarding_less_options": "خيارات أقل",
   "Onboarding_more_options": "خيارات أكثر",
   "Onboarding_subtitle": "ما بعد بيئة فريق تعاونية",
@@ -477,7 +476,8 @@
   "What_are_you_doing_right_now": "ما الذي تفعله حالياً؟",
   "Whats_the_password_for_your_certificate": "ماهي كلمة المرور للشهادة؟",
   "Without_Servers": "بدون خوادم",
-  "Workspaces": "مساحات العمل",
+  "Workspace_URL": "عنوان URL لمساحة العمل",
+  "Workspace_URL_Example": "open.rocket.chat",
   "Would_you_like_to_return_the_inquiry": "هل ترغب بالرد على السؤال؟",
   "Write_External_Permission": "إذن معرض",
   "Write_External_Permission_Message": "يحتاج Rocket.Chat للوصول إلى معرض الصور الخاص بك حتى تتمكن من حفظ الصور",

app/i18n/locales/bn-IN.json

@@ -44,7 +44,7 @@
   "and_N_more": "এবং {{count}} আর",
   "Announcement": "ঘোষণা",
   "announcement": "ঘোষণা",
-  "Apply_Your_Certificate": "আপনার সার্টিফিকেট প্রয়োগ করুন",
+  "Apply_Certificate": "সার্টিফিকেট প্রয়োগ করুন",
   "ARCHIVE": "সংরক্ষণাগার",
   "archive": "সংরক্ষণাগার",
   "are_typing": "টাইপ করছে",
@@ -196,7 +196,7 @@
   "Discussion_name": "আলোচনা নাম",
   "Discussions": "আলোচনা",
   "Display": "ডিসপ্লে",
-  "Do_you_have_a_certificate": "আপনার কি একটি সার্টিফিকেট আছে?",
+  "Do_you_have_a_certificate": "আপনার কি এই ওয়ার্কস্পেসের জন্য একটি সার্টিফিকেট আছে?",
   "Do_you_have_an_account": "আপনার কি একটি অ্যাকাউন্ট আছে?",
   "Do_you_really_want_to_key_this_room_question_mark": "আপনি কি সত্যিই চান যে আপনি এই রুমটি {{key}} করতে?",
   "Dont_activate": "এখন সক্রিয় করবেন না",
@@ -239,7 +239,6 @@
   "End_to_end_encrypted_room": "শেষ হতে শেষ এনক্রিপ্টেড রুম",
   "Enter_E2EE_Password": "E2EE পাসওয়ার্ড দিন",
   "Enter_E2EE_Password_description": "আপনার এনক্রিপ্টেড চ্যানেলগুলি এবং সরাসরি বার্তাগুলি অ্যাক্সেস করতে, আপনার এনক্রিপশন পাসওয়ার্ড লিখুন। এটি সার্ভারে সংরক্ষিত হয় না, তাই আপনাকে প্রতিটি ডিভাইসে এটি ব্যবহার করতে হবে।",
-  "Enter_workspace_URL": "ওয়ার্কস্পেস URL লিখুন",
   "Error_Download_file": "ফাইল ডাউনলোড করতে ত্রুটি",
   "Error_uploading": "আপলোড করার সময় ত্রুটি",
   "error-action-not-allowed": "{{action}} অনুমোদিত নয়",
@@ -302,6 +301,7 @@
   "Insert_Join_Code": "যোগদান কোড প্রবেশ করুন",
   "Invalid_or_expired_invite_token": "অকার্যকর বা মেয়াদ উত্তীর্ণ ইনভাইট টোকেন",
   "Invalid_server_version": "আপনি যাচাই করতে চেষ্টা করছেন তার একটি সংস্করণ ব্যবহার করছেন যা এখনও অ্যাপ দ্বারা সাপোর্ট করা হয়নি: {{currentVersion}}।\n\nআমরা সংস্করণ {{minVersion}} প্রয়োজন প্রয়োজন",
+  "Invalid_workspace_URL": "অবৈধ ওয়ার্কস্পেস URL",
   "Invisible": "অদৃশ্য",
   "Invite_Link": "আমন্ত্রণ লিঙ্ক",
   "Invite_users": "ব্যবহারকারীদের আমন্ত্রণ করুন",
@@ -313,7 +313,6 @@
   "Jitsi_may_require_authentication": "জিতসি পূর্বাভাস নিতে পারে",
   "Join": "যোগদান করুন",
   "Join_Code": "যোগদান কোড",
-  "Join_our_open_workspace": "আমাদের খোলা ওয়ার্কস্পেসে যোগদান করুন",
   "Joined": "যোগদান করেছে",
   "Just_invited_people_can_access_this_channel": "এই চ্যানেলে শুধুমাত্র আমন্ত্রিত ব্যক্তিদের অ্যাক্সেস করতে পারবে",
   "Just_invited_people_can_access_this_team": "এই দলে শুধুমাত্র আমন্ত্রিত ব্যক্তিদের অ্যাক্সেস করতে পারবে",
@@ -446,7 +445,7 @@
   "no-active-video-conf-provider-header": "কনফারেন্স কল সক্ষম হয়নি",
   "no-videoconf-provider-app-body": "কনফারেন্স কল অ্যাপগুলি একটি কার্যক্ষম প্রশাসক দ্বারা রকেট.চ্যাট মার্কেটপ্লেসে ইনস্টল করা যেতে পারে।",
   "no-videoconf-provider-app-header": "কনফারেন্স কল পাওয়া যায়নি",
-  "Not_RC_Server": "এটি একটি Rocket.Chat ওয়ার্কস্পেস নয়।\n{{contact}}",
+  "Not_RC_Server": "আপনার ওয়ার্কস্পেস অ্যাডমিনের সাথে যোগাযোগ করুন অথবা আপনার ইমেইল ইনবক্সে একটি Rocket.Chat ওয়ার্কস্পেস আমন্ত্রণের জন্য অনুসন্ধান করুন।",
   "Nothing": "কিছুই না",
   "Nothing_to_save": "সংরক্ষণ করার জন্য কিছু নেই!",
   "Notification_Preferences": "বিজ্ঞপ্তি পছন্দ",
@@ -461,7 +460,6 @@
   "Omnichannel_queue": "অমনিচ্যানেল কিউ",
   "On_hold_Livechats": "অমনিচ্যানেল চ্যাটগুলি হোল্ডে",
   "Onboarding_agree_terms": "চলতি, আপনি Rocket.Chat এ একমত হন",
-  "Onboarding_join_open_description": "Rocket.Chat দল এবং সম্প্রদায়ের সাথে চ্যাট করতে আমাদের খোলা ওয়ার্কস্পেসে যোগদান করুন।",
   "Onboarding_less_options": "কম বিকল্প",
   "Onboarding_more_options": "আরও বিকল্প",
   "Onboarding_subtitle": "দল সহযোগিতা বাদ দিন",
@@ -737,7 +735,8 @@
   "Wi_Fi": "ওয়াই-ফাই",
   "Wi_Fi_and_mobile_data": "ওয়াই-ফাই এবং মোবাইল ডেটা",
   "Without_Servers": "ওয়ার্কস্পেস ছাড়া",
-  "Workspace_URL_Example": "উদাহরণ. your-company.rocket.chat",
+  "Workspace_URL": "ওয়ার্কস্পেস URL",
+  "Workspace_URL_Example": "open.rocket.chat",
   "Workspaces": "ওয়ার্কস্পেস",
   "Would_like_to_place_on_hold": "আপনি কি এই চ্যাটটি হোল্ড করতে চান?",
   "Would_you_like_to_return_the_inquiry": "আপনি কি অনুসন্ধান ফিরিয়ে আসতে চান?",

app/i18n/locales/cs.json

@@ -47,7 +47,7 @@
   "Announcement": "Oznámení",
   "announcement": "oznámení",
   "App_users_are_not_allowed_to_log_in_directly": "Uživatelé aplikace se nemohou přihlásit přímo.",
-  "Apply_Your_Certificate": "Použijte svůj certifikát",
+  "Apply_Certificate": "Použít certifikát",
   "ARCHIVE": "ARCHIV",
   "archive": "archiv",
   "are_typing": "píšou",
@@ -213,7 +213,7 @@
   "Discussions": "Diskuse",
   "Display": "Zobrazit",
   "Displays_action_text": "Zobrazí akční text",
-  "Do_you_have_a_certificate": "Máte certifikát?",
+  "Do_you_have_a_certificate": "Máte certifikát pro tento pracovní prostor?",
   "Do_you_have_an_account": "Máte účet?",
   "Do_you_really_want_to_key_this_room_question_mark": "Opravdu chcete {{key}} tento pokoj?",
   "Documentation": "Dokumentace",
@@ -254,7 +254,6 @@
   "Encryption_error_title": "Vaše heslo pro šifrování se zdá být špatné",
   "End_to_end_encrypted_room": "End to end šifrovaná místnost",
   "Enter_the_code": "Zadejte kód, který jsme vám právě poslali e-mailem.",
-  "Enter_workspace_URL": "Zadejte URL pracovního prostoru",
   "Enter_Your_E2E_Password": "Zadejte heslo E2E",
   "Enter_Your_Encryption_Password_desc1": "To vám umožní přístup k vašim zašifrovaným soukromým skupinám a přímým zprávám.",
   "Enter_Your_Encryption_Password_desc2": "Ke kódování/dekódování zpráv musíte zadat heslo na každém místě, kde používáte chat.",
@@ -326,6 +325,7 @@
   "Invalid_Email": "Neplatný e-mail",
   "Invalid_or_expired_invite_token": "Neplatný nebo vypršela platnost tokenu pozvánky",
   "Invalid_server_version": "Pracovní prostor, který se pokoušíte připojit, používá verzi, která již není aplikací podporována: {{currentVersion}}.\n\nPožadujeme verzi {{minVersion}}",
+  "Invalid_workspace_URL": "Neplatná URL adresa pracovního prostoru",
   "Invisible": "Neviditelný",
   "Invite_Link": "Odkaz na pozvánku",
   "Invite_user_to_join_channel": "Pozvat jednoho uživatele, aby se připojil k tomuto kanálu",
@@ -341,7 +341,6 @@
   "Jitsi_may_require_authentication": "Jitsi může vyžadovat ověření",
   "Join": "Připojit se",
   "Join_Code": "Připojit se ke kódu",
-  "Join_our_open_workspace": "Připojte se k našemu otevřenému pracovnímu prostoru",
   "Join_the_given_channel": "Připojte se k danému kanálu",
   "Joined": "Připojeno",
   "Jump_to_message": "Přejít na zprávu",
@@ -482,7 +481,7 @@
   "no-videoconf-provider-app-body": "Aplikace pro konferenční hovory může na Rocket.Chat Marketplace nainstalovat správce pracovního prostoru.",
   "no-videoconf-provider-app-header": "Konferenční hovor není k dispozici",
   "Not_in_channel": "Není v kanálu",
-  "Not_RC_Server": "Toto není pracovní prostor Rocket.Chat.\n{{kontakt}}",
+  "Not_RC_Server": "Kontaktujte správce svého pracovního prostoru nebo vyhledejte ve své e-mailové schránce pozvánku do pracovního prostoru Rocket.Chat.",
   "Nothing": "Nic",
   "Nothing_to_save": "Není co zachraňovat!",
   "Notification_delay": "Zpoždění oznámení",
@@ -499,7 +498,6 @@
   "Omnichannel_queue": "Omnikanálová fronta",
   "On_hold_Livechats": "Omnikanálové chaty pozastaveny",
   "Onboarding_agree_terms": "Pokračováním souhlasíte s Rocket.Chat",
-  "Onboarding_join_open_description": "Připojte se k našemu otevřenému pracovnímu prostoru a chatujte s týmem a komunitou Rocket.Chat.",
   "Onboarding_less_options": "Méně možností",
   "Onboarding_more_options": "Více možností",
   "Onboarding_subtitle": "Mimo týmovou spolupráci",
@@ -812,7 +810,8 @@
   "Without_Servers": "Bez pracovních prostorů",
   "Workspace_consumption": "Spotřeba pracovního prostoru",
   "Workspace_consumption_description": "Je stanovený počet push notifikací za měsíc",
-  "Workspace_URL_Example": "Např. vaše-společnost.rocket.chat",
+  "Workspace_URL": "URL pracovního prostoru",
+  "Workspace_URL_Example": "open.rocket.chat",
   "Workspaces": "Pracovní prostory",
   "Would_like_to_place_on_hold": "Chcete tento chat pozastavit?",
   "Would_you_like_to_return_the_inquiry": "Chcete vrátit dotaz?",