add blank in socials

index.d.ts

@@ -85,6 +85,7 @@ export function Footer(props: FooterProps): JSX.Element
 interface Iheader {
     className?: string
     logo?: any
+    target?: string
 }
 export function Header(props: Iheader): JSX.Element
 

src/components/Socials.tsx

@@ -50,7 +50,7 @@ const Socials = (props: ISocials) => {
         <div
             className={twMerge(
                 `flex ${layout == "col" ? "w-8 flex-col" : ""} gap-2`,
-                option.main
+                oClass.main
             )}
         >
             {dataSocials.map((item: any, key: number) => {
@@ -62,7 +62,7 @@ const Socials = (props: ISocials) => {
                                     ? "tooltip-top"
                                     : "tooltip-right"
                             } `,
-                            option.social
+                            oClass.social
                         )}
                         data-tip={item.name}
                         key={key}
@@ -70,7 +70,8 @@ const Socials = (props: ISocials) => {
                         <Logo
                             image={item.logo?.imageFile}
                             url={item.url}
-                            className={twMerge("h-7 w-7 ", option.logo)}
+                            target="_blank"
+                            className={twMerge("h-7 w-7", oClass.logo)}
                         />
                     </div>
                 )

src/components/core/Logo.tsx

@@ -8,15 +8,16 @@ interface Ilogo extends Iimage {
     title?: string
     image?: any
     className?: string
+    target?: string
 }
 
 const Logo = (props: Ilogo) => {
-    const { url, title, image, className } = props
+    const { url, title, image, className, target } = props
 
     return (
         <div className={`flex flex-col items-center justify-center `}>
             {url ? (
-                <Link to={url} className="">
+                <Link to={url} className="" target={target}>
                     <Image image={image} className={className} />
                 </Link>
             ) : (