Updated language bundles with new keys.

components/pages/login/LoginForm.js

@@ -13,10 +13,12 @@ import { useRouter } from 'next/router';
 import useApi from 'hooks/useApi';
 import { setUser } from 'store/app';
 import { setClientAuthToken } from 'lib/client';
+import useMessages from 'hooks/useMessages';
 import Logo from 'assets/logo.svg';
 import styles from './LoginForm.module.css';
 
 export default function LoginForm() {
+  const { formatMessage, labels, getMessage } = useMessages();
   const router = useRouter();
   const { post } = useApi();
   const { mutate, error, isLoading } = useMutation(data => post('/auth/login', data));
@@ -38,14 +40,14 @@ export default function LoginForm() {
         <Logo />
       </Icon>
       <div className={styles.title}>umami</div>
-      <Form className={styles.form} onSubmit={handleSubmit} error={error}>
-        <FormRow label="Username">
-          <FormInput name="username" rules={{ required: 'Required' }}>
+      <Form className={styles.form} onSubmit={handleSubmit} error={getMessage(error)}>
+        <FormRow label={formatMessage(labels.username)}>
+          <FormInput name="username" rules={{ required: formatMessage(labels.required) }}>
             <TextField autoComplete="off" />
           </FormInput>
         </FormRow>
-        <FormRow label="Password">
-          <FormInput name="password" rules={{ required: 'Required' }}>
+        <FormRow label={formatMessage(labels.password)}>
+          <FormInput name="password" rules={{ required: formatMessage(labels.required) }}>
             <PasswordField />
           </FormInput>
         </FormRow>

components/pages/realtime/RealtimeHome.js

@@ -21,7 +21,9 @@ export default function RealtimeHome() {
   return (
     <Page loading={isLoading || data?.length > 0} error={error}>
       <PageHeader title={formatMessage(labels.realtime)} />
-      {data?.length === 0 && <EmptyPlaceholder message={formatMessage(messages.noWebsites)} />}
+      {data?.length === 0 && (
+        <EmptyPlaceholder message={formatMessage(messages.noWebsitesConfigured)} />
+      )}
     </Page>
   );
 }

components/pages/settings/teams/TeamDeleteForm.js

@@ -19,7 +19,7 @@ export default function TeamDeleteForm({ teamId, teamName, onSave, onClose }) {
   return (
     <Form onSubmit={handleSubmit} error={error}>
       <p>
-        <FormattedMessage {...messages.deleteTeamWarning} values={{ name: <b>{teamName}</b> }} />
+        <FormattedMessage {...messages.confirmDelete} values={{ name: <b>{teamName}</b> }} />
       </p>
       <FormButtons flex>
         <SubmitButton variant="danger" disabled={isLoading}>

components/pages/settings/teams/TeamLeaveForm.js

@@ -19,7 +19,7 @@ export default function TeamLeaveForm({ teamUserId, teamName, onSave, onClose })
   return (
     <Form onSubmit={handleSubmit} error={error}>
       <p>
-        <FormattedMessage {...messages.leaveTeamWarning} values={{ name: <b>{teamName}</b> }} />
+        <FormattedMessage {...messages.confirmLeave} values={{ name: <b>{teamName}</b> }} />
       </p>
       <FormButtons flex>
         <SubmitButton variant="danger" disabled={isLoading}>

components/pages/settings/teams/TeamWebsites.js

@@ -51,7 +51,7 @@ export default function TeamWebsites({ teamId }) {
     <div>
       {toast}
       {hasData && (
-        <ActionForm description={formatMessage(messages.websitesAreShared)}>{addButton}</ActionForm>
+        <ActionForm description={formatMessage(messages.teamWebsitesInfo)}>{addButton}</ActionForm>
       )}
       {hasData && <TeamWebsitesTable teamId={teamId} data={data} onSave={handleSave} />}
       {!hasData && (

components/pages/settings/teams/WebsiteAddTeamForm.js

@@ -51,7 +51,7 @@ export default function WebsiteAddTeamForm({ teamId, onSave, onClose }) {
         <WebsiteTags items={websites} websites={newWebsites} onClick={handleRemoveWebsite} />
         <FormButtons flex>
           <SubmitButton disabled={newWebsites && newWebsites.length === 0}>
-            {formatMessage(labels.addWebsites)}
+            {formatMessage(labels.addWebsite)}
           </SubmitButton>
           <Button onClick={onClose}>{formatMessage(labels.cancel)}</Button>
         </FormButtons>

components/pages/settings/users/UserDeleteForm.js

@@ -20,10 +20,7 @@ export default function UserDeleteForm({ userId, username, onSave, onClose }) {
   return (
     <Form onSubmit={handleSubmit} error={error}>
       <p>
-        <FormattedMessage
-          {...messages.deleteUserWarning}
-          values={{ username: <b>{username}</b> }}
-        />
+        <FormattedMessage {...messages.confirmDelete} values={{ target: <b>{username}</b> }} />
       </p>
       <FormButtons flex>
         <SubmitButton variant="danger" disabled={isLoading}>

components/pages/settings/users/UserWebsites.js

@@ -18,7 +18,7 @@ export default function UserWebsites({ userId }) {
   return (
     <div>
       {hasData && <WebsitesTable data={data} />}
-      {!hasData && formatMessage(messages.noData)}
+      {!hasData && formatMessage(messages.noDataAvailable)}
     </div>
   );
 }