From cf9e1e2a6a8e0a2a7e27d3ea735b8d9ec60f4718 Mon Sep 17 00:00:00 2001
From: Maxym1507 <plast7575@gmail.com>
Date: Wed, 27 Sep 2023 00:57:00 +0300
Subject: [PATCH] forFansCenterTitle: fix title in for fans block, center text

---
 .../ForFansPage/CategoryAdminModal.component.tsx          | 8 ++++----
 .../SourcesBlock/SourceItem/SourceItem.styles.scss        | 3 +++
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/features/AdminPage/ForFansPage/ForFansPage/CategoryAdminModal.component.tsx b/src/features/AdminPage/ForFansPage/ForFansPage/CategoryAdminModal.component.tsx
index 55b4a22ee..8d819ceaf 100644
--- a/src/features/AdminPage/ForFansPage/ForFansPage/CategoryAdminModal.component.tsx
+++ b/src/features/AdminPage/ForFansPage/ForFansPage/CategoryAdminModal.component.tsx
@@ -27,7 +27,7 @@ interface SourceModalProps {
     isModalVisible: boolean;
     setIsModalOpen: Dispatch<SetStateAction<boolean>>;
     initialData?: SourceCategoryAdmin;
-    isNewCategory?:(data: boolean) => void;
+    isNewCategory?: (data: boolean) => void;
 }
 
 const SourceModal: React.FC<SourceModalProps> = ({
@@ -131,7 +131,7 @@ const SourceModal: React.FC<SourceModalProps> = ({
         return [];
     };
 
-    const handleOk =() =>{
+    const handleOk = () => {
         form.submit();
         message.success("Категорію успішно додано!", 2);
     }
@@ -156,7 +156,7 @@ const SourceModal: React.FC<SourceModalProps> = ({
                         label="Назва: "
                         rules={[{ required: true, message: 'Введіть назву' }]}
                     >
-                        <Input placeholder="Title" maxLength={100} showCount />
+                        <Input placeholder="Title" maxLength={23} showCount />
                     </Form.Item>
                     <Form.Item
                         name="image"
@@ -191,7 +191,7 @@ const SourceModal: React.FC<SourceModalProps> = ({
                         </FileUploader>
                     </Form.Item>
                     <div className="center">
-                        <Button className="streetcode-custom-button" onClick={() => handleOk() }>
+                        <Button className="streetcode-custom-button" onClick={() => handleOk()}>
                             Зберегти
                         </Button>
                     </div>
diff --git a/src/features/StreetcodePage/SourcesBlock/SourceItem/SourceItem.styles.scss b/src/features/StreetcodePage/SourcesBlock/SourceItem/SourceItem.styles.scss
index ce7fcc96b..0d2e986f3 100644
--- a/src/features/StreetcodePage/SourcesBlock/SourceItem/SourceItem.styles.scss
+++ b/src/features/StreetcodePage/SourcesBlock/SourceItem/SourceItem.styles.scss
@@ -19,5 +19,8 @@ $articlesImg: "@assets/images/sources/Articles.webp";
 @media screen and (max-width: 768px) {
   .sourcesSliderItem {
      @include mut.sizedImportant($width: 250px, $height: 165px);
+     h1 {
+      text-align: center;
+    }
   }
 }