fix: ts error (#263)

Author: MiguelMedeiros

apps/web/app/profile/components/_Handle.tsx

@@ -2,7 +2,7 @@ import { twMerge } from 'tailwind-merge';
 import { Typography } from '@social/ui-shared';
 
 interface HandleProps extends React.HTMLAttributes<HTMLDivElement> {
-  username: string;
+  username: string | JSX.Element;
   pubkey?: string;
 }
 

libs/ui-shared/src/lib/Content/_Profile.tsx

@@ -4,7 +4,7 @@ import { Content } from '.';
 
 interface ProfileProps extends React.HTMLAttributes<HTMLDivElement> {
   profile: {
-    name: string;
+    name: string | JSX.Element;
     image: string;
     handler: string;
     bio?: string;

libs/ui-shared/src/lib/Menu/_Header.tsx

@@ -5,7 +5,7 @@ import { Icon } from '../Icon';
 
 interface HeaderProps extends React.HTMLAttributes<HTMLAnchorElement> {
   src: string;
-  username: string;
+  username: string | JSX.Element;
   handler?: string;
   width?: number;
   height?: number;

libs/ui-shared/src/lib/Post/_Content.tsx

@@ -8,7 +8,7 @@ import getYouTubeID from 'get-youtube-id';
 import { Icon } from '../Icon';
 
 interface ContentProps extends React.HTMLAttributes<HTMLDivElement> {
-  text: string;
+  text: string | JSX.Element;
   children?: React.ReactNode;
 }
 
@@ -49,9 +49,9 @@ export const Content = ({ children, text }: ContentProps) => {
   }
 
   useEffect(() => {
-    const splitInLines = text.split(' ');
+    const splitInLines = text.toString().split(' ');
     if (splitInLines.length >= 1) {
-      splitInLines.forEach((line) => {
+      splitInLines.forEach((line: string) => {
         checkForLink(line.trim());
       });
     }
@@ -119,6 +119,7 @@ export const Content = ({ children, text }: ContentProps) => {
   ];
 
   const lines = text
+    .toString()
     .slice(0, 300)
     .split('\n')
     .map((line, index) => (
@@ -130,7 +131,7 @@ export const Content = ({ children, text }: ContentProps) => {
   return (
     <div className="text-white break-words">
       {lines}
-      {text.length > 300 && '...'}
+      {text.toString().length > 300 && '...'}
       {videoId && (
         <div className="relative border border-stone-800 hover:border-stone-700 mt-4 rounded-xl overflow-hidden">
           <iframe

libs/ui-shared/src/lib/SideCard/_Rank.tsx

@@ -4,7 +4,7 @@ import { Post } from '../Post';
 
 interface RankProps extends React.HTMLAttributes<HTMLHeadingElement> {
   rank: number;
-  tag: string;
+  tag: string | JSX.Element;
   color: string;
   counter?: React.ReactNode;
   images?: { alt: string; src: string }[];

libs/ui-shared/src/lib/SideCard/_User.tsx

@@ -6,7 +6,7 @@ import Link from 'next/link';
 interface UserProps extends React.HTMLAttributes<HTMLDivElement> {
   src: string;
   label?: string;
-  username?: string;
+  username?: string | JSX.Element;
   alt?: string;
   width?: number;
   height?: number;