From dfcd4452239152cedfa3a2d2e24829f790779120 Mon Sep 17 00:00:00 2001
From: Kirill Ivanov <kirill-ivanovvvvvvv@yandex.ru>
Date: Fri, 1 Nov 2024 16:52:41 +0300
Subject: [PATCH 1/9] feat(ui/icons): telegram-icon

---
 ui/icons/src/TelegramIcon.tsx | 24 ++++++++++++++++++++++++
 ui/icons/src/index.ts         |  1 +
 2 files changed, 25 insertions(+)
 create mode 100644 ui/icons/src/TelegramIcon.tsx

diff --git a/ui/icons/src/TelegramIcon.tsx b/ui/icons/src/TelegramIcon.tsx
new file mode 100644
index 000000000..a7be8dbbe
--- /dev/null
+++ b/ui/icons/src/TelegramIcon.tsx
@@ -0,0 +1,24 @@
+import { useTheme }  from '@emotion/react'
+/* eslint-disable */
+import React         from 'react'
+
+import { IconProps } from '../icons.interfaces.js'
+
+export const TelegramIcon = React.memo((props: IconProps) => {
+  const theme: any = useTheme()
+  return (
+    <svg
+      width='1em'
+      height='1em'
+      viewBox='0 0 18 18'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      {...props}
+    >
+      <path
+        d='M6.02681 8.17556C5.12524 8.5692 4.19891 8.97368 3.35184 9.44025C2.90954 9.7641 3.49739 9.99319 4.04891 10.2081L4.05017 10.2086C4.13742 10.2425 4.22372 10.2762 4.30489 10.3098C4.37276 10.3307 4.44176 10.3526 4.5117 10.3749C5.12509 10.5703 5.80901 10.7882 6.40451 10.4604C7.38274 9.8985 8.30587 9.24885 9.22834 8.59969C9.53055 8.38699 9.83269 8.17436 10.1367 7.96489L10.1846 7.93399C10.4435 7.7661 11.0259 7.38859 10.8105 7.90879C10.3015 8.46536 9.75643 8.95808 9.20837 9.45347L9.20681 9.45487C8.83706 9.78904 8.46596 10.1244 8.10371 10.4814C7.78822 10.7378 7.46059 11.2533 7.81388 11.6123C8.62657 12.1812 9.45194 12.7363 10.2768 13.2912L10.28 13.2933C10.5487 13.474 10.8175 13.6548 11.0857 13.836C11.5402 14.1989 12.2507 13.9053 12.3506 13.3382C12.3941 13.0828 12.4378 12.8274 12.4815 12.572L12.4843 12.5556C12.7309 11.1138 12.9776 9.67151 13.1955 8.22506C13.2251 7.99815 13.2587 7.77127 13.2923 7.54429C13.3737 6.99412 13.4552 6.44329 13.4807 5.89016C13.4151 5.33816 12.7458 5.45955 12.3733 5.58367C10.4589 6.31215 8.56354 7.09462 6.67571 7.8909C6.46185 7.98563 6.24506 8.08028 6.02681 8.17556Z'
+        fill={theme.colors[props.color || 0] || props.color || '#252C32'}
+      />
+    </svg>
+  )
+})
diff --git a/ui/icons/src/index.ts b/ui/icons/src/index.ts
index 6b226afa7..b3f72366f 100644
--- a/ui/icons/src/index.ts
+++ b/ui/icons/src/index.ts
@@ -11,4 +11,5 @@ export * from './FooterLogoIcon.js'
 export * from './LogoIcon.js'
 export * from './MenuIcon.js'
 export * from './VkIcon.js'
+export * from './TelegramIcon.js'
 export * from './WheelIcon.js'

From 081ff62d3019bae148089d882367720684ff8a9e Mon Sep 17 00:00:00 2001
From: Kirill Ivanov <kirill-ivanovvvvvvv@yandex.ru>
Date: Fri, 1 Nov 2024 16:53:45 +0300
Subject: [PATCH 2/9] feat(ui/social-links): add telegram-icon to links

---
 ui/social-links/src/social-links.component.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/ui/social-links/src/social-links.component.tsx b/ui/social-links/src/social-links.component.tsx
index 43473bf49..11b58d9b0 100644
--- a/ui/social-links/src/social-links.component.tsx
+++ b/ui/social-links/src/social-links.component.tsx
@@ -7,17 +7,29 @@ import React                     from 'react'
 import { Button }                from '@ui/button'
 import { FacebookIcon }          from '@ui/icons'
 import { VkIcon }                from '@ui/icons'
+import { TelegramIcon }          from '@ui/icons'
 import { Box }                   from '@ui/layout'
 import { Layout }                from '@ui/layout'
 import { Link }                  from '@ui/link'
 import { useHover }              from '@ui/utils'
 
 const SocialLinks: FC<SocialLinksProps> = ({ linkVk, linkFb }) => {
+  const [hoverTelegram, hoverTelegramProps] = useHover()
   const [hoverVk, hoverVkProps] = useHover()
   const [hoverFb, hoverFbProps] = useHover()
 
   return (
     <Box width='100%' justifyContent='flex-end'>
+      <Link href={linkVk} target='_blank'>
+        <Box width={48} height={48} {...hoverTelegramProps}>
+          <Button color='radius'>
+            <Layout>
+              <TelegramIcon width={36} height={36} color={hoverTelegram ? 'white' : 'black'} />
+            </Layout>
+          </Button>
+        </Box>
+      </Link>
+      <Layout flexBasis={16} flexShrink={0} />
       <Link href={linkVk} target='_blank'>
         <Box width={48} height={48} {...hoverVkProps}>
           <Button color='radius'>

From 1dab81559478bad256f6d43853c1e76f44e88238 Mon Sep 17 00:00:00 2001
From: Kirill Ivanov <kirill-ivanovvvvvvv@yandex.ru>
Date: Fri, 1 Nov 2024 19:01:44 +0300
Subject: [PATCH 3/9] feat(fragments): add lintTelegram prop to
 contacts-information

---
 .../contacts-information/contacts-information.component.tsx  | 5 +++--
 site/fragments/contacts-fragment/src/contacts.interface.ts   | 1 +
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/site/fragments/contacts-fragment/src/contacts-information/contacts-information.component.tsx b/site/fragments/contacts-fragment/src/contacts-information/contacts-information.component.tsx
index 16a2d7ca7..17fb5a522 100644
--- a/site/fragments/contacts-fragment/src/contacts-information/contacts-information.component.tsx
+++ b/site/fragments/contacts-fragment/src/contacts-information/contacts-information.component.tsx
@@ -26,6 +26,7 @@ export const ContactsInformation: FC<ContactsInformationProps> = memo((props) =>
     contactsTitle,
     telephone,
     email,
+    linkTelegram,
     linkVk,
     linkFb,
   } = contactsData
@@ -74,8 +75,8 @@ export const ContactsInformation: FC<ContactsInformationProps> = memo((props) =>
           </Column>
         </Layout>
       </Column>
-      <Box display={['none', 'none', 'flex']} width='110px'>
-        <SocialLinks linkVk={linkVk} linkFb={linkFb} />
+      <Box display={['none', 'none', 'flex']} width={176}>
+        <SocialLinks linkTelegram={linkTelegram} linkVk={linkVk} linkFb={linkFb} />
       </Box>
     </Column>
   )
diff --git a/site/fragments/contacts-fragment/src/contacts.interface.ts b/site/fragments/contacts-fragment/src/contacts.interface.ts
index c691b83d1..b9ebf5bbf 100644
--- a/site/fragments/contacts-fragment/src/contacts.interface.ts
+++ b/site/fragments/contacts-fragment/src/contacts.interface.ts
@@ -14,6 +14,7 @@ export type ContactsDataType = {
   contactsTitle: string
   telephone: string
   email: string
+  linkTelegram: string
   linkVk: string
   linkFb: string
 }

From 8a37d30c003bb16be15b3a4e222368eb11711813 Mon Sep 17 00:00:00 2001
From: Kirill Ivanov <kirill-ivanovvvvvvv@yandex.ru>
Date: Fri, 1 Nov 2024 19:03:16 +0300
Subject: [PATCH 4/9] fix(hero-fragment): links-contaiener width

---
 site/fragments/hero-fragment/src/hero.component.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/site/fragments/hero-fragment/src/hero.component.tsx b/site/fragments/hero-fragment/src/hero.component.tsx
index 332f513d9..9b33d6c23 100644
--- a/site/fragments/hero-fragment/src/hero.component.tsx
+++ b/site/fragments/hero-fragment/src/hero.component.tsx
@@ -52,6 +52,7 @@ const Hero = forwardRef((
   const CTA = ctaObj?.title
   const anchor = anchorObj?.title
   const phone = contactsObj?.telephone
+  const linkTelegram = contactsObj?.linkTelegram
   const linkVk = contactsObj?.linkVk
   const linkFb = contactsObj?.linkFb
 
@@ -154,8 +155,8 @@ const Hero = forwardRef((
                 </Link>
               </Box>
               <Layout flexBasis={[0, 0, 32]} flexShrink={0} flexGrow={[1, 1, 0]} />
-              <Box width={96} justifyContent='flex-end'>
-                <SocialLinksDark linkVk={linkVk} linkFb={linkFb} />
+              <Box width={176} justifyContent='flex-end'>
+                <SocialLinksDark linkTelegram={linkTelegram} linkVk={linkVk} linkFb={linkFb} />
               </Box>
             </Row>
           </Box>

From 81ff20fb56a52c8c04819290abfcfdfbdb66e242 Mon Sep 17 00:00:00 2001
From: Kirill Ivanov <kirill-ivanovvvvvvv@yandex.ru>
Date: Fri, 1 Nov 2024 19:07:52 +0300
Subject: [PATCH 5/9] feat(common): change effectivnyarabota1 folder on
 gitignore

---
 .gitignore | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.gitignore b/.gitignore
index 27f8d9f55..eba9c1ab2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -74,7 +74,7 @@ wp-content/themes
 wp-content/themes/!misik!/
 
 # exclude personal files
-effectivnayarabota1/
+..effectivnayarabota1/
 
 # tgsnake cache files
 myapp.cache

From 08a76659d42dcedd2982814ed748d1963caa40db Mon Sep 17 00:00:00 2001
From: Kirill Ivanov <kirill-ivanovvvvvvv@yandex.ru>
Date: Fri, 1 Nov 2024 19:08:53 +0300
Subject: [PATCH 6/9] feat(social-links): add telegram-icon & provide
 link-telegram prop to component

---
 ui/social-links/src/social-links-dark.component.tsx | 13 ++++++++++++-
 ui/social-links/src/social-links.component.tsx      |  4 ++--
 ui/social-links/src/social-links.interface.ts       |  1 +
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/ui/social-links/src/social-links-dark.component.tsx b/ui/social-links/src/social-links-dark.component.tsx
index 206f6f266..f50525172 100644
--- a/ui/social-links/src/social-links-dark.component.tsx
+++ b/ui/social-links/src/social-links-dark.component.tsx
@@ -5,14 +5,25 @@ import type { SocialLinksProps } from './social-links.interface.js'
 import React                     from 'react'
 
 import { Button }                from '@ui/button'
+import { TelegramIcon }          from '@ui/icons'
 import { VkIcon }                from '@ui/icons'
 import { FacebookIcon }          from '@ui/icons'
 import { Box }                   from '@ui/layout'
 import { Layout }                from '@ui/layout'
 import { Link }                  from '@ui/link'
 
-const SocialLinksDark: FC<SocialLinksProps> = ({ linkVk, linkFb }) => (
+const SocialLinksDark: FC<SocialLinksProps> = ({ linkTelegram, linkVk, linkFb }) => (
   <Box width='100%' justifyContent='flex-end'>
+    <Link href={linkTelegram} target='_blank'>
+      <Box width={40}>
+        <Button color='darkSocial' size='small'>
+          <Layout>
+            <TelegramIcon width={28} height={28} color='white' />
+          </Layout>
+        </Button>
+      </Box>
+    </Link>
+    <Layout flexBasis={16} flexShrink={0} />
     <Link href={linkVk} target='_blank'>
       <Box width={40}>
         <Button color='darkSocial' size='small'>
diff --git a/ui/social-links/src/social-links.component.tsx b/ui/social-links/src/social-links.component.tsx
index 11b58d9b0..23ff6636c 100644
--- a/ui/social-links/src/social-links.component.tsx
+++ b/ui/social-links/src/social-links.component.tsx
@@ -13,14 +13,14 @@ import { Layout }                from '@ui/layout'
 import { Link }                  from '@ui/link'
 import { useHover }              from '@ui/utils'
 
-const SocialLinks: FC<SocialLinksProps> = ({ linkVk, linkFb }) => {
+const SocialLinks: FC<SocialLinksProps> = ({ linkTelegram, linkVk, linkFb }) => {
   const [hoverTelegram, hoverTelegramProps] = useHover()
   const [hoverVk, hoverVkProps] = useHover()
   const [hoverFb, hoverFbProps] = useHover()
 
   return (
     <Box width='100%' justifyContent='flex-end'>
-      <Link href={linkVk} target='_blank'>
+      <Link href={linkTelegram} target='_blank'>
         <Box width={48} height={48} {...hoverTelegramProps}>
           <Button color='radius'>
             <Layout>
diff --git a/ui/social-links/src/social-links.interface.ts b/ui/social-links/src/social-links.interface.ts
index ef9426b56..db1069e45 100644
--- a/ui/social-links/src/social-links.interface.ts
+++ b/ui/social-links/src/social-links.interface.ts
@@ -1,4 +1,5 @@
 export interface SocialLinksProps {
+  linkTelegram: string
   linkVk: string
   linkFb: string
 }

From e6d795d6661281c6260e18abfcdb4f5d4f6d5850 Mon Sep 17 00:00:00 2001
From: Kirill Ivanov <kirill-ivanovvvvvvv@yandex.ru>
Date: Wed, 6 Nov 2024 17:11:41 +0300
Subject: [PATCH 7/9] feat: provide telegram-lint to components

---
 fragments/footer-fragment/src/footer-component.tsx           | 5 ++++-
 .../contacts-fragment/src/hooks/use-contacts.hook.ts         | 4 ++++
 site/fragments/hero-fragment/src/hero.component.tsx          | 4 +++-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/fragments/footer-fragment/src/footer-component.tsx b/fragments/footer-fragment/src/footer-component.tsx
index 334f9a97a..74ef1009f 100644
--- a/fragments/footer-fragment/src/footer-component.tsx
+++ b/fragments/footer-fragment/src/footer-component.tsx
@@ -38,12 +38,15 @@ export const Footer: FC<FooterProps> = memo(({
   const navigationItems = extractFragments(navigationItemsType, 'contentAddons', navigation)
   const mainPage = extractFragment('contentAddons', 'main', navigation)
 
+  const telegramContanctsObj = extractFragment('contactAddons', 'linkTelegram', contactsData)
+
   const appointmentPhone = footerObj?.title
   const telephone = contactsObj?.telephone
   const address = contactsObj?.address
   const workingHours = contactsObj?.workinghours
   const linkVk = contactsObj?.linkVk
   const linkFb = contactsObj?.linkFb
+  const linkTelegram = telegramContanctsObj?.address
   const by = new Map()
   by.set('title', byObj?.title)
   by.set('content', byObj?.highlightedtext)
@@ -81,7 +84,7 @@ export const Footer: FC<FooterProps> = memo(({
                   </Box>
                 </Box>
               </Box>
-              <SocialLinks linkVk={linkVk} linkFb={linkFb} />
+              <SocialLinks linkTelegram={linkTelegram} linkVk={linkVk} linkFb={linkFb} />
             </Row>
             <Layout flexBasis={[24, 24, 40]} />
             <Box width={90} height={136} display={['flex', 'flex', 'none']}>
diff --git a/site/fragments/contacts-fragment/src/hooks/use-contacts.hook.ts b/site/fragments/contacts-fragment/src/hooks/use-contacts.hook.ts
index 18cb3408c..50a3fb2d3 100644
--- a/site/fragments/contacts-fragment/src/hooks/use-contacts.hook.ts
+++ b/site/fragments/contacts-fragment/src/hooks/use-contacts.hook.ts
@@ -11,12 +11,15 @@ export const useContacts: UseContactsType = (props) => {
 
   const contactsObj = extractFragment('contactAddons', 'info', contactsData)
 
+  const telegramContanctsObj = extractFragment('contactAddons', 'linkTelegram', contactsData)
+
   const address = contactsObj?.address
   const workingHours = contactsObj?.workinghours
   const telephone = contactsObj?.telephone
   const email = contactsObj?.email
   const linkVk = contactsObj?.linkVk
   const linkFb = contactsObj?.linkFb
+  const linkTelegram = telegramContanctsObj?.address
 
   return {
     addressTitle,
@@ -28,5 +31,6 @@ export const useContacts: UseContactsType = (props) => {
     email,
     linkVk,
     linkFb,
+    linkTelegram,
   }
 }
diff --git a/site/fragments/hero-fragment/src/hero.component.tsx b/site/fragments/hero-fragment/src/hero.component.tsx
index 9b33d6c23..e2eb362a7 100644
--- a/site/fragments/hero-fragment/src/hero.component.tsx
+++ b/site/fragments/hero-fragment/src/hero.component.tsx
@@ -41,6 +41,8 @@ const Hero = forwardRef((
   const contactsObj = extractFragment('contactAddons', 'info', contactsData)
   const backgroundObj = extractFragment('contentAddons', 'hero', uiData)
 
+  const telegramContanctsObj = extractFragment('contactAddons', 'linkTelegram', contactsData)
+
   const title = new Map([
     ['title', leadObj?.title],
     ['highlighted', leadObj?.highlightedtext],
@@ -52,9 +54,9 @@ const Hero = forwardRef((
   const CTA = ctaObj?.title
   const anchor = anchorObj?.title
   const phone = contactsObj?.telephone
-  const linkTelegram = contactsObj?.linkTelegram
   const linkVk = contactsObj?.linkVk
   const linkFb = contactsObj?.linkFb
+  const linkTelegram = telegramContanctsObj?.address
 
   return (
     <>

From 2fcebb119cf0cc69f885b3b71285d1b10e31dc2b Mon Sep 17 00:00:00 2001
From: Kirill Ivanov <kirill-ivanovvvvvvv@yandex.ru>
Date: Wed, 6 Nov 2024 17:42:30 +0300
Subject: [PATCH 8/9] refactor: rm facebook links

---
 fragments/footer-fragment/src/footer-component.tsx |  3 +--
 fragments/footer-fragment/src/footer.interface.ts  |  1 -
 .../get-contacts-data/get-contacts-data.query.ts   |  1 -
 .../contacts-information.component.tsx             |  5 ++---
 .../contacts-fragment/src/contacts.interface.ts    |  1 -
 .../src/hooks/use-contacts.hook.ts                 |  2 --
 .../fragments/hero-fragment/src/hero.component.tsx |  5 ++---
 .../src/social-links-dark.component.tsx            | 13 +------------
 ui/social-links/src/social-links.component.tsx     | 14 +-------------
 ui/social-links/src/social-links.interface.ts      |  1 -
 10 files changed, 7 insertions(+), 39 deletions(-)

diff --git a/fragments/footer-fragment/src/footer-component.tsx b/fragments/footer-fragment/src/footer-component.tsx
index 74ef1009f..ba48bacd3 100644
--- a/fragments/footer-fragment/src/footer-component.tsx
+++ b/fragments/footer-fragment/src/footer-component.tsx
@@ -45,7 +45,6 @@ export const Footer: FC<FooterProps> = memo(({
   const address = contactsObj?.address
   const workingHours = contactsObj?.workinghours
   const linkVk = contactsObj?.linkVk
-  const linkFb = contactsObj?.linkFb
   const linkTelegram = telegramContanctsObj?.address
   const by = new Map()
   by.set('title', byObj?.title)
@@ -84,7 +83,7 @@ export const Footer: FC<FooterProps> = memo(({
                   </Box>
                 </Box>
               </Box>
-              <SocialLinks linkTelegram={linkTelegram} linkVk={linkVk} linkFb={linkFb} />
+              <SocialLinks linkTelegram={linkTelegram} linkVk={linkVk} />
             </Row>
             <Layout flexBasis={[24, 24, 40]} />
             <Box width={90} height={136} display={['flex', 'flex', 'none']}>
diff --git a/fragments/footer-fragment/src/footer.interface.ts b/fragments/footer-fragment/src/footer.interface.ts
index 623b1d928..e6c68109e 100644
--- a/fragments/footer-fragment/src/footer.interface.ts
+++ b/fragments/footer-fragment/src/footer.interface.ts
@@ -4,7 +4,6 @@ import type { ContactsDataType }  from '@globals/data'
 export interface ContactAddons {
   address: string
   email: string
-  linkFb: string
   linkVk: string
   fragmentId: string
   telephone: string
diff --git a/globals/data/src/queries/get-contacts-data/get-contacts-data.query.ts b/globals/data/src/queries/get-contacts-data/get-contacts-data.query.ts
index 6708cd13d..a5e4856fd 100644
--- a/globals/data/src/queries/get-contacts-data/get-contacts-data.query.ts
+++ b/globals/data/src/queries/get-contacts-data/get-contacts-data.query.ts
@@ -7,7 +7,6 @@ const GET_CONTACTS = gql`
         contactAddons {
           address
           email
-          linkFb
           linkVk
           telephone
           workinghours
diff --git a/site/fragments/contacts-fragment/src/contacts-information/contacts-information.component.tsx b/site/fragments/contacts-fragment/src/contacts-information/contacts-information.component.tsx
index 17fb5a522..c5c491bae 100644
--- a/site/fragments/contacts-fragment/src/contacts-information/contacts-information.component.tsx
+++ b/site/fragments/contacts-fragment/src/contacts-information/contacts-information.component.tsx
@@ -28,7 +28,6 @@ export const ContactsInformation: FC<ContactsInformationProps> = memo((props) =>
     email,
     linkTelegram,
     linkVk,
-    linkFb,
   } = contactsData
 
   return (
@@ -75,8 +74,8 @@ export const ContactsInformation: FC<ContactsInformationProps> = memo((props) =>
           </Column>
         </Layout>
       </Column>
-      <Box display={['none', 'none', 'flex']} width={176}>
-        <SocialLinks linkTelegram={linkTelegram} linkVk={linkVk} linkFb={linkFb} />
+      <Box display={['none', 'none', 'flex']} width={112}>
+        <SocialLinks linkTelegram={linkTelegram} linkVk={linkVk} />
       </Box>
     </Column>
   )
diff --git a/site/fragments/contacts-fragment/src/contacts.interface.ts b/site/fragments/contacts-fragment/src/contacts.interface.ts
index b9ebf5bbf..947578ba7 100644
--- a/site/fragments/contacts-fragment/src/contacts.interface.ts
+++ b/site/fragments/contacts-fragment/src/contacts.interface.ts
@@ -16,5 +16,4 @@ export type ContactsDataType = {
   email: string
   linkTelegram: string
   linkVk: string
-  linkFb: string
 }
diff --git a/site/fragments/contacts-fragment/src/hooks/use-contacts.hook.ts b/site/fragments/contacts-fragment/src/hooks/use-contacts.hook.ts
index 50a3fb2d3..8b676247b 100644
--- a/site/fragments/contacts-fragment/src/hooks/use-contacts.hook.ts
+++ b/site/fragments/contacts-fragment/src/hooks/use-contacts.hook.ts
@@ -18,7 +18,6 @@ export const useContacts: UseContactsType = (props) => {
   const telephone = contactsObj?.telephone
   const email = contactsObj?.email
   const linkVk = contactsObj?.linkVk
-  const linkFb = contactsObj?.linkFb
   const linkTelegram = telegramContanctsObj?.address
 
   return {
@@ -30,7 +29,6 @@ export const useContacts: UseContactsType = (props) => {
     telephone,
     email,
     linkVk,
-    linkFb,
     linkTelegram,
   }
 }
diff --git a/site/fragments/hero-fragment/src/hero.component.tsx b/site/fragments/hero-fragment/src/hero.component.tsx
index e2eb362a7..409b0d583 100644
--- a/site/fragments/hero-fragment/src/hero.component.tsx
+++ b/site/fragments/hero-fragment/src/hero.component.tsx
@@ -55,7 +55,6 @@ const Hero = forwardRef((
   const anchor = anchorObj?.title
   const phone = contactsObj?.telephone
   const linkVk = contactsObj?.linkVk
-  const linkFb = contactsObj?.linkFb
   const linkTelegram = telegramContanctsObj?.address
 
   return (
@@ -157,8 +156,8 @@ const Hero = forwardRef((
                 </Link>
               </Box>
               <Layout flexBasis={[0, 0, 32]} flexShrink={0} flexGrow={[1, 1, 0]} />
-              <Box width={176} justifyContent='flex-end'>
-                <SocialLinksDark linkTelegram={linkTelegram} linkVk={linkVk} linkFb={linkFb} />
+              <Box width={96} justifyContent='flex-end'>
+                <SocialLinksDark linkTelegram={linkTelegram} linkVk={linkVk} />
               </Box>
             </Row>
           </Box>
diff --git a/ui/social-links/src/social-links-dark.component.tsx b/ui/social-links/src/social-links-dark.component.tsx
index f50525172..33749671a 100644
--- a/ui/social-links/src/social-links-dark.component.tsx
+++ b/ui/social-links/src/social-links-dark.component.tsx
@@ -7,12 +7,11 @@ import React                     from 'react'
 import { Button }                from '@ui/button'
 import { TelegramIcon }          from '@ui/icons'
 import { VkIcon }                from '@ui/icons'
-import { FacebookIcon }          from '@ui/icons'
 import { Box }                   from '@ui/layout'
 import { Layout }                from '@ui/layout'
 import { Link }                  from '@ui/link'
 
-const SocialLinksDark: FC<SocialLinksProps> = ({ linkTelegram, linkVk, linkFb }) => (
+const SocialLinksDark: FC<SocialLinksProps> = ({ linkTelegram, linkVk }) => (
   <Box width='100%' justifyContent='flex-end'>
     <Link href={linkTelegram} target='_blank'>
       <Box width={40}>
@@ -33,16 +32,6 @@ const SocialLinksDark: FC<SocialLinksProps> = ({ linkTelegram, linkVk, linkFb })
         </Button>
       </Box>
     </Link>
-    <Layout flexBasis={16} flexShrink={0} />
-    <Link href={linkFb} target='_blank'>
-      <Box width={40}>
-        <Button color='darkSocial' size='small'>
-          <Layout>
-            <FacebookIcon width={10} height={20} color='white' />
-          </Layout>
-        </Button>
-      </Box>
-    </Link>
   </Box>
 )
 
diff --git a/ui/social-links/src/social-links.component.tsx b/ui/social-links/src/social-links.component.tsx
index 23ff6636c..eb49e5a59 100644
--- a/ui/social-links/src/social-links.component.tsx
+++ b/ui/social-links/src/social-links.component.tsx
@@ -5,7 +5,6 @@ import type { SocialLinksProps } from './social-links.interface.js'
 import React                     from 'react'
 
 import { Button }                from '@ui/button'
-import { FacebookIcon }          from '@ui/icons'
 import { VkIcon }                from '@ui/icons'
 import { TelegramIcon }          from '@ui/icons'
 import { Box }                   from '@ui/layout'
@@ -13,10 +12,9 @@ import { Layout }                from '@ui/layout'
 import { Link }                  from '@ui/link'
 import { useHover }              from '@ui/utils'
 
-const SocialLinks: FC<SocialLinksProps> = ({ linkTelegram, linkVk, linkFb }) => {
+const SocialLinks: FC<SocialLinksProps> = ({ linkTelegram, linkVk }) => {
   const [hoverTelegram, hoverTelegramProps] = useHover()
   const [hoverVk, hoverVkProps] = useHover()
-  const [hoverFb, hoverFbProps] = useHover()
 
   return (
     <Box width='100%' justifyContent='flex-end'>
@@ -39,16 +37,6 @@ const SocialLinks: FC<SocialLinksProps> = ({ linkTelegram, linkVk, linkFb }) =>
           </Button>
         </Box>
       </Link>
-      <Layout flexBasis={16} flexShrink={0} />
-      <Link href={linkFb} target='_blank'>
-        <Box width={48} height={48} {...hoverFbProps}>
-          <Button color='radius'>
-            <Layout>
-              <FacebookIcon width={28} height={28} color={hoverFb ? 'white' : 'black'} />
-            </Layout>
-          </Button>
-        </Box>
-      </Link>
     </Box>
   )
 }
diff --git a/ui/social-links/src/social-links.interface.ts b/ui/social-links/src/social-links.interface.ts
index db1069e45..ba982a803 100644
--- a/ui/social-links/src/social-links.interface.ts
+++ b/ui/social-links/src/social-links.interface.ts
@@ -1,5 +1,4 @@
 export interface SocialLinksProps {
   linkTelegram: string
   linkVk: string
-  linkFb: string
 }

From 224d23414456b2a3755739d7ff0a784ad2a94dc6 Mon Sep 17 00:00:00 2001
From: Kirill Ivanov <kirill-ivanovvvvvvv@yandex.ru>
Date: Wed, 6 Nov 2024 19:28:04 +0300
Subject: [PATCH 9/9] refactor: rm unused

---
 .gitignore | 22 ----------------------
 1 file changed, 22 deletions(-)

diff --git a/.gitignore b/.gitignore
index eba9c1ab2..216f3077e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,8 +1,3 @@
-*.iml
-*.tfstate
-.terraform
-yootheme
-
 # Logs
 logs
 *.log
@@ -14,9 +9,6 @@ pids
 *.pid
 *.seed
 
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
 # Coverage directory used by tools like istanbul
 coverage
 
@@ -58,24 +50,10 @@ dist
 # env vars
 .env
 
-# Google Cloud Credentials
-credentials.json
-
 # unique for each install yarn states
 .yarn/build-state.yml
 .yarn/install-state.gz
 
-# local
-.ini
-.ignore
-
-# Exclude all wp themes except current one
-wp-content/themes
-wp-content/themes/!misik!/
-
-# exclude personal files
-..effectivnayarabota1/
-
 # tgsnake cache files
 myapp.cache
 myapp.session