fixes + added button titles

src/views/components/common/Button/Button.tsx

@@ -8,6 +8,7 @@ interface Props {
     onClick?: () => void;
     type?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning' | 'success' | 'info';
     disabled?: boolean;
+    title?: string;
     testId?: string;
 }
 
@@ -22,6 +23,7 @@ export function Button({
     testId,
     children,
     disabled,
+    title,
     onClick,
 }: React.PropsWithChildren<Props>): JSX.Element {
     return (
@@ -31,6 +33,7 @@ export function Button({
             className={classNames(styles.button, className, styles[type ?? 'primary'], {
                 [styles.disabled]: disabled,
             })}
+            title={title}
             onClick={disabled ? undefined : onClick}
         >
             {children}

src/views/components/common/Link/Link.tsx

@@ -7,6 +7,7 @@ import styles from './Link.module.scss';
 type Props = Omit<TextProps, 'span'> & {
     url?: string;
     disabled?: boolean;
+    title?: string;
 };
 
 /**

src/views/components/common/Text/Text.tsx

@@ -11,6 +11,7 @@ export type TextProps = {
     span?: boolean;
     className?: string;
     onClick?: () => void;
+    title?: string;
     align?: React.CSSProperties['textAlign'];
     style?: React.CSSProperties;
 };
@@ -32,14 +33,14 @@ export default function Text(props: PropsWithChildren<TextProps>) {
 
     if (props.span) {
         return (
-            <span className={className} style={style} onClick={props.onClick}>
+            <span title={props.title} className={className} style={style} onClick={props.onClick}>
                 {props.children}
             </span>
         );
     }
 
     return (
-        <div className={className} style={style} onClick={props.onClick}>
+        <div title={props.title} className={className} style={style} onClick={props.onClick}>
             {props.children}
         </div>
     );