fix: removed hardcoded labels

src/settings/components/account-settings/external-account-settings.tsx

@@ -58,10 +58,18 @@ const ExternalAccount = ({ t }: ExternalAccountProps): ReactElement => {
 				mainAlignment="flex-start"
 			>
 				<Row width="50%" padding={{ right: 'small' }}>
-					<Input label="Email Address" value="[email protected]" background="gray5" />
+					<Input
+						label={t('label.email_address', 'E-mail address')}
+						value="[email protected]"
+						background="gray5"
+					/>
 				</Row>
 				<Row width="50%">
-					<Input label="Account Name" value="New External Account 1" background="gray5" />
+					<Input
+						label={t('label.account_name', 'Account Name')}
+						value="New External Account 1"
+						background="gray5"
+					/>
 				</Row>
 			</Row>
 			<Row

src/settings/components/account-settings/persona-use-section.tsx

@@ -184,7 +184,7 @@ const PersonaUseSection = ({
 			>
 				<Row width="50%" padding={{ right: 'small' }}>
 					<ChipInput
-						label="e.g. Bob Smith"
+						label={t('label.reply_to_field_example', "e.g. Bob Smith")}
 						value=""
 						placeholder={t('label.folders', 'Folders')}
 						background="gray5"

src/settings/components/general-settings/module-version-settings.tsx

@@ -53,7 +53,7 @@ const ModuleVersionSettings: FC = () => {
 							<Text>
 								{app.display} ({app.name})
 							</Text>
-							<Tooltip placement="top" label="Click to copy">
+							<Tooltip placement="top" label={t('label.click_to_copy', 'Click to copy')}>
 								<Text style={{ cursor: 'pointer' }} onClick={(e: any): any => copyToClipboard(e)}>
 									Version: {app.version}
 								</Text>

src/ui-extras/spinner.tsx

@@ -6,9 +6,13 @@
 
 import React, { FC } from 'react';
 import { Button, Container } from '@zextras/carbonio-design-system';
+import { useTranslation } from 'react-i18next';
 
-export const Spinner: FC = () => (
-	<Container width="fill" height="fill" mainAlignment="center" crossAlignment="center">
-		<Button type="ghost" label="Button" color="primary" loading />
-	</Container>
-);
+export const Spinner: FC = () => {
+	const [t] = useTranslation();
+	return (
+		<Container width="fill" height="fill" mainAlignment="center" crossAlignment="center">
+			<Button type="ghost" label={t('button', 'Button')} color="primary" loading />
+		</Container>
+	);
+};