Make social links clickable + Hide “ads” section BAL-3220 (#2907)

* chore: hide ads sections; add href attribute to anchor-if-url component

* chore: release version

---------

Co-authored-by: Tomer Shvadron <[email protected]>

Author: MatanYadaev

apps/kyb-app/CHANGELOG.md

@@ -1,5 +1,12 @@
 # kyb-app
 
+## 0.3.95
+
+### Patch Changes
+
+- Updated dependencies
+  - @ballerine/ui@0.5.52
+
 ## 0.3.94
 
 ### Patch Changes

apps/kyb-app/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ballerine/kyb-app",
   "private": true,
-  "version": "0.3.94",
+  "version": "0.3.95",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -17,7 +17,7 @@
   "dependencies": {
     "@ballerine/blocks": "0.2.30",
     "@ballerine/common": "^0.9.59",
-    "@ballerine/ui": "0.5.51",
+    "@ballerine/ui": "0.5.52",
     "@ballerine/workflow-browser-sdk": "0.6.78",
     "@lukemorales/query-key-factory": "^1.0.3",
     "@radix-ui/react-icons": "^1.3.0",

packages/react-pdf-toolkit/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @ballerine/react-pdf-toolkit
 
+## 1.2.52
+
+### Patch Changes
+
+- Updated dependencies
+  - @ballerine/ui@0.5.52
+
 ## 1.2.51
 
 ### Patch Changes

packages/react-pdf-toolkit/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ballerine/react-pdf-toolkit",
   "private": false,
-  "version": "1.2.51",
+  "version": "1.2.52",
   "types": "./dist/build.d.ts",
   "main": "./dist/react-pdf-toolkit.js",
   "module": "./dist/react-pdf-toolkit.mjs",
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@ballerine/config": "^1.1.28",
-    "@ballerine/ui": "0.5.51",
+    "@ballerine/ui": "0.5.52",
     "@react-pdf/renderer": "^3.1.14",
     "@sinclair/typebox": "^0.31.7",
     "ajv": "^8.12.0",

packages/ui/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @ballerine/ui
 
+## 0.5.52
+
+### Patch Changes
+
+- add href attribute to anchor-if-url component
+
 ## 0.5.51
 
 ### Patch Changes

packages/ui/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ballerine/ui",
   "private": false,
-  "version": "0.5.51",
+  "version": "0.5.52",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

packages/ui/src/components/atoms/AnchorIfUrl/AnchorIfUrl.tsx

@@ -21,7 +21,7 @@ export const AnchorIfUrl: TAnchorIfUrl = forwardRef(
 
     if (checkIsUrl(children)) {
       return (
-        <BallerineLink ref={ref} {...props}>
+        <BallerineLink ref={ref} href={children} {...props}>
           {children}
         </BallerineLink>
       );

packages/ui/src/components/templates/report/components/AdsAndSocialMedia/AdsAndSocialMedia.tsx

@@ -2,7 +2,6 @@ import React, { FunctionComponent } from 'react';
 import { Card, CardContent, CardHeader } from '@/components';
 import { TextWithNAFallback } from '@/components/atoms/TextWithNAFallback';
 import { ctw } from '@/common';
-import { AdExample } from '../AdExample';
 import { AdImageWithLink } from '../AdImageWithLink';
 import { toTitleCase } from 'string-ts';
 import { AnchorIfUrl } from '@/components/atoms/AnchorIfUrl';
@@ -87,18 +86,19 @@ export const AdsAndSocialMedia: FunctionComponent<{
           </div>
         </CardContent>
       </Card>
-      <Card>
-        <CardHeader className={'pt-4 font-bold'}>Related Ads</CardHeader>
-        <CardContent className={'flex flex-col space-y-4'}>
-          <div className={'grid grid-cols-[400px_400px] gap-8'}>
-            {!!relatedAdsImages?.length &&
-              relatedAdsImages.map(({ src, link }, index) => (
-                <AdExample key={src} src={src} link={link} alt={`Ad Example ${index + 1}`} />
-              ))}
-            {!relatedAdsImages?.length && <>No ads detected.</>}
-          </div>
-        </CardContent>
-      </Card>
+      {/*Hiding this for now, will be added back in later*/}
+      {/*<Card>*/}
+      {/*  <CardHeader className={'pt-4 font-bold'}>Related Ads</CardHeader>*/}
+      {/*  <CardContent className={'flex flex-col space-y-4'}>*/}
+      {/*    <div className={'grid grid-cols-[400px_400px] gap-8'}>*/}
+      {/*      {!!relatedAdsImages?.length &&*/}
+      {/*        relatedAdsImages.map(({ src, link }, index) => (*/}
+      {/*          <AdExample key={src} src={src} link={link} alt={`Ad Example ${index + 1}`} />*/}
+      {/*        ))}*/}
+      {/*      {!relatedAdsImages?.length && <>No ads detected.</>}*/}
+      {/*    </div>*/}
+      {/*  </CardContent>*/}
+      {/*</Card>*/}
     </div>
   );
 };