fix: удаление компонента Link

src/components/author-page/overview/overview.module.css

@@ -222,6 +222,13 @@
   min-width: 25px;
 }
 
+.tagLink {
+  display: inline-block;
+  border-bottom: 1px solid currentColor;
+  color: inherit;
+  text-decoration: none;
+}
+
 .overviewContacts {
   max-width: 610px;
 }
@@ -261,7 +268,7 @@
 }
 
 .overviewTagsBlock {
-  margin: 0 0 53px;
+  margin: 0 0 45px;
 }
 
 .overviewSocialLinkBlock {

src/components/author-page/overview/overview.tsx

@@ -6,8 +6,6 @@ import { PlayList } from 'components/play-list';
 import { Section } from 'components/section';
 import { Button } from 'components/ui/button';
 import { InfoLink } from 'components/ui/info-link';
-import { Link } from 'components/ui/link';
-import { Tag } from 'components/ui/tag';
 import * as breakpoints from 'shared/breakpoints.js';
 import { numberOfCharacters } from 'shared/constants/numbers';
 import { useMediaQuery } from 'shared/hooks/use-media-query';
@@ -170,14 +168,12 @@ export const AuthorOverview: React.FC<IAuthorOverview> = (props) => {
               <div className={cx('tagWrapper')}>
                 {achievements.map((item, idx) => (
                   <div className={cx('tag')} key={idx}>
-                    <Link href={`library/?festival=${item.year}&program=${item.id}`}>
-                      <a>
-                        <Tag
-                          label={`${item.name} ${item.year}`}
-                          selected={false}
-                        />
-                      </a>
-                    </Link>
+                    <InfoLink
+                      label={`${item.name} ${item.year}`}
+                      href={`library/?festival=${item.year}&program=${item.id}`}
+                      border='borderLeftBottomRight'
+                      size='textMedium'
+                    />
                   </div>
                 )
                 )}

src/components/ui/info-link/info-link.module.css

@@ -126,6 +126,14 @@
   border-left: 1px solid var(--coal);
 }
 
+.borderLeftBottomRight {
+  display: inline-block;
+  padding: 4px 8px 8px;
+  border-right: 1px solid var(--coal);
+  border-bottom: 1px solid var(--coal);
+  border-left: 1px solid var(--coal);
+}
+
 .borderTop {
   width: inherit;
   justify-content: space-between;
@@ -162,3 +170,7 @@
   @mixin headline;
   @mixin headline4;
 }
+
+.textMedium {
+  @mixin textMedium;
+}

src/components/ui/info-link/info-link.tsx

@@ -17,10 +17,10 @@ export interface ILinkProps {
   icon?: IIconProps['glyph']
   iconPlace?: 'iconNone' | 'left' | 'right'
   hoverStyle?: 'invert' | 'bottomLine' | 'bottomLineAndInvert'
-  size?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'number'
+  size?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'number' | 'textMedium'
   textDecoration?: 'textDecorationNone' | 'underline'
   textTransform?: 'uppercase'
-  border?: 'borderNone' | 'borderBottomLeft' | 'borderTop'
+  border?: 'borderNone' | 'borderBottomLeft' | 'borderTop' | 'borderLeftBottomRight'
   className?: string
   iconClassName?: string
 }