chore: replace lingui functions with react-intl

1 files changed, 11 insertions, 2 deletions

diff --git a/src/components/WidgetParts/ExpandableWidget/ExpandableWidget.tsx b/src/components/WidgetParts/ExpandableWidget/ExpandableWidget.tsx
index 52b5c06..6a19d92 100644
--- a/src/components/WidgetParts/ExpandableWidget/ExpandableWidget.tsx
+++ b/src/components/WidgetParts/ExpandableWidget/ExpandableWidget.tsx
@@ -1,6 +1,6 @@
-import { t } from '@lingui/macro';
 import { TitleLevel } from '@ts/types/app';
 import { ReactNode, useState } from 'react';
+import { useIntl } from 'react-intl';
 import styles from './ExpandableWidget.module.scss';
 
 const ExpandableWidget = ({
@@ -16,6 +16,7 @@ const ExpandableWidget = ({
   expand?: boolean;
   withBorders?: boolean;
 }) => {
+  const intl = useIntl();
   const [isExpanded, setIsExpanded] = useState<boolean>(expand);
 
   const handleExpanse = () => setIsExpanded((prev) => !prev);
@@ -34,7 +35,15 @@ const ExpandableWidget = ({
     <div className={wrapperClasses}>
       <button type="button" className={styles.header} onClick={handleExpanse}>
         <span className="screen-reader-text">
-          {isExpanded ? t`Collapse` : t`Expand`}
+          {isExpanded
+            ? intl.formatMessage({
+                defaultMessage: 'Collapse',
+                description: 'ExpandableWidget: collapse text',
+              })
+            : intl.formatMessage({
+                defaultMessage: 'Expand',
+                description: 'ExpandableWidget: expand text',
+              })}
         </span>
         <TitleTag className={styles.title}>{title}</TitleTag>
         <span className={styles.icon} aria-hidden={true}></span>