From c6723e05d4b6c3834c97eaf31c6cd789c0c794d8 Mon Sep 17 00:00:00 2001
From: Kichiyaki <xyztojajestem@gmail.com>
Date: Sun, 11 Apr 2021 11:53:29 +0200
Subject: [PATCH] QualificationsPage: pluralize words using the lib
 "polish-plurals", increase the max length of a qualification name (100 ->
 200)

---
 src/features/QualificationsPage/QualificationsPage.tsx    | 8 +++++++-
 .../components/FormDialog/FormDialog.tsx                  | 8 +++++++-
 .../QualificationsPage/components/FormDialog/constants.ts | 2 +-
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/features/QualificationsPage/QualificationsPage.tsx b/src/features/QualificationsPage/QualificationsPage.tsx
index 4ce2994..e4ff1a1 100644
--- a/src/features/QualificationsPage/QualificationsPage.tsx
+++ b/src/features/QualificationsPage/QualificationsPage.tsx
@@ -8,6 +8,7 @@ import {
   withDefault,
 } from 'use-query-params';
 import { useSnackbar } from 'notistack';
+import { polishPlurals } from 'polish-plurals';
 import SortParam, { decodeSort } from 'libs/serialize-query-params/SortParam';
 import { useScrollToElement } from 'libs/hooks';
 import useQualifications from './QualificationsPage.useQualifications';
@@ -210,7 +211,12 @@ const QualificationsPage = () => {
       <Snackbar
         open={selectedQualifications.length > 0}
         anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
-        message={`Wybrane kwalifikacje: ${selectedQualifications.length}`}
+        message={`Wybrano ${selectedQualifications.length} ${polishPlurals(
+          'kwalifikację',
+          'kwalifikacje',
+          'kwalifikacji',
+          selectedQualifications.length
+        )}`}
         action={
           <>
             <Button onClick={handleDeleteQualifications} color="secondary">
diff --git a/src/features/QualificationsPage/components/FormDialog/FormDialog.tsx b/src/features/QualificationsPage/components/FormDialog/FormDialog.tsx
index 535eba8..701a971 100644
--- a/src/features/QualificationsPage/components/FormDialog/FormDialog.tsx
+++ b/src/features/QualificationsPage/components/FormDialog/FormDialog.tsx
@@ -1,6 +1,7 @@
 import { useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { omit, pick } from 'lodash';
+import { polishPlurals } from 'polish-plurals';
 import useProfessionAutocomplete from './FormDialog.useProfessionAutocomplete.js';
 import { FORMULAS, MAX_NAME_LENGTH } from './constants';
 import { Maybe, Qualification, QualificationInput } from 'libs/graphql/types';
@@ -100,7 +101,12 @@ const Form = ({ onClose, qualification, onSubmit }: FormDialogProps) => {
             required: 'Te pole jest wymagane.',
             maxLength: {
               value: MAX_NAME_LENGTH,
-              message: `Maksymalna długość nazwy kwalifikacji to ${MAX_NAME_LENGTH} znaki.`,
+              message: `Maksymalna długość nazwy kwalifikacji to ${MAX_NAME_LENGTH} ${polishPlurals(
+                'znak',
+                'znaki',
+                'znaków',
+                MAX_NAME_LENGTH
+              )}.`,
             },
           })}
           error={!!errors.name?.message}
diff --git a/src/features/QualificationsPage/components/FormDialog/constants.ts b/src/features/QualificationsPage/components/FormDialog/constants.ts
index bb13006..ba557d9 100644
--- a/src/features/QualificationsPage/components/FormDialog/constants.ts
+++ b/src/features/QualificationsPage/components/FormDialog/constants.ts
@@ -1,2 +1,2 @@
-export const MAX_NAME_LENGTH = 100;
+export const MAX_NAME_LENGTH = 200;
 export const FORMULAS = ['Formuła 2012', 'Formuła 2017', 'Formuła 2019'];