From 337506130b0ec7cac5e9f3b00903d0d5c5b16382 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=89mile=20R=C3=A9?= Date: Mon, 2 Feb 2026 15:01:21 +0400 Subject: [PATCH] Fix missing google logo + use svg for slack logo MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Émile Ré --- apps/console/public/github.png | Bin 945 -> 0 bytes apps/console/public/slack.png | Bin 1521 -> 0 bytes .../_components/GoogleWorkspaceConnector.tsx | 7 ++-- .../CompliancePageSlackSection.tsx | 10 +++--- packages/ui/src/Atoms/Vendors/Google.tsx | 31 ++++++++++++++++++ packages/ui/src/Atoms/Vendors/Slack.tsx | 14 ++++++++ packages/ui/src/Atoms/Vendors/index.ts | 2 ++ packages/ui/src/index.ts | 1 + 8 files changed, 55 insertions(+), 10 deletions(-) delete mode 100644 apps/console/public/github.png delete mode 100644 apps/console/public/slack.png create mode 100644 packages/ui/src/Atoms/Vendors/Google.tsx create mode 100644 packages/ui/src/Atoms/Vendors/Slack.tsx create mode 100644 packages/ui/src/Atoms/Vendors/index.ts diff --git a/apps/console/public/github.png b/apps/console/public/github.png deleted file mode 100644 index b1532569d7a2f8b29958c5450fa3560b91d60767..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 945 zcmV;i15W&jP)A=j~?~G4RigUJ*txpd7Wj14s zq}{i>l2#}p6;k&1hvw{QMkQqw(THAwlCDhmjXizR7yUNtlrX~+Dkx^%sRt42|x(^?Ie_@kr0H ziGZuJF1S0zVGaNxHZiI#r7ECSBHuZHW1tGGhM`cv5mW`UW2Ytp*wR%nu2&4a-xg(U zIpMn#Bg8%=(6_4`pG+qH1R!-K@O<54c&^H78-ZiG4o60NjVXb88lf^(r4|(8Ot4z5 zTE{`{k2WSh1Q2)b*NJGDFh((2@PeoRcRNr8&?Pd^3sP1iD)2|ObqBU-g-&)`DwB3 zoa{otDs4g$fM8ja*K!*I=&RkVv;<=R+Zhn4ex%a1MH{4?%jVY*aeH||1U~o&8kmS{ zrVmu3NA_WO5H^3}U&=4ch7<*nKKVa3;&y&G#wT1B)IiKGkNbXCTp1tJhLpe;$#=v4 z8o#4Xh+F%dMe^99I9@|8lJd^grWG#>2<1w)Zi#d@)*ITgv_ zWI}>eFVg5Min3swCn&M7E2Khg5=B95^e7%IG$=!g5F2F{RuNf};fB7fhND+T@pCeV z8lQ-*ixuo!<}=x}TsepK-U~?OGFW#{1V`6AhuX3boIqx1Y zY0eWjN8>ni;}^KaUFBaKMQ9vjeKBJ-~FOG~89@L;$gMiO0C6l2UP3u_b^OMz(eRtCllB;$EuXfc+0_1`pe((Zbn=$9UKX z7SG5Shr6kc7upNZtl2rG(rMK8M&?hCqAWQwaW4k_>?$|eSDAfT)8>uG3d zbB6NYz6uCBrC)oqZc9Myolh`w>O8dMoj>e*tO3=Zy=8nKyL1f$`#xX-2FD%U{v^Uj zUYQW6t0@d$d>do8&cQCe`(K2A^_yHfu7JexFOd4^Ys-Eb^?!H1XA(Dj>O13p@rQ31 z_alECE6RBybG03!5=7a`{j=I}7cq_eto@&xXQn{<+nV=ZXu zn_PQ|*?X65vnASA8YK}Gd!L3I#Ijm$MsdQN{YPd6EyUE12Tg6>x^2b?&jtUB0Clk2 z)JFH2o;EDn*a5ec?2T@2=rR-04!4x_m2{qoaEogJ3QMV$4`&BEL8-9JCX{X5;#xpp z$EIof1QFc(lyR6N0lwvp)A}jTdzNm2TSQio>}6#eIE9>~eWI{q(|zdR^9Ub)dBUcA z^&umL7ItLXVS^i5jnwKCs$jC$>lcMsB6hmGth|W|1`CPoSQf+S;Z9N0wJy3@Xi)7K z5;{dzDC=ZJvqUcE?Da`0$ZL6I)ogE7uY35N4$zRLgiOUlHj(A z=@d%uRMe&JM XE1^!GXw@$R00000NkvXXu0mjfYctcK diff --git a/apps/console/src/pages/iam/organizations/settings/_components/GoogleWorkspaceConnector.tsx b/apps/console/src/pages/iam/organizations/settings/_components/GoogleWorkspaceConnector.tsx index bdef63f58..2c87dcf5b 100644 --- a/apps/console/src/pages/iam/organizations/settings/_components/GoogleWorkspaceConnector.tsx +++ b/apps/console/src/pages/iam/organizations/settings/_components/GoogleWorkspaceConnector.tsx @@ -7,6 +7,7 @@ import { Dialog, DialogContent, DialogFooter, + Google, useDialogRef, } from "@probo/ui"; import { graphql, useFragment } from "react-relay"; @@ -96,11 +97,7 @@ export function GoogleWorkspaceConnector(props: { return (
- Google Workspace +

{__("Google Workspace")}

diff --git a/apps/console/src/pages/organizations/compliance-page/overview/_components/CompliancePageSlackSection.tsx b/apps/console/src/pages/organizations/compliance-page/overview/_components/CompliancePageSlackSection.tsx index 47af85ad9..124e06f42 100644 --- a/apps/console/src/pages/organizations/compliance-page/overview/_components/CompliancePageSlackSection.tsx +++ b/apps/console/src/pages/organizations/compliance-page/overview/_components/CompliancePageSlackSection.tsx @@ -1,6 +1,6 @@ import { sprintf } from "@probo/helpers"; import { useTranslate } from "@probo/i18n"; -import { Badge, Button, Card } from "@probo/ui"; +import { Badge, Button, Card, Slack } from "@probo/ui"; import { useFragment } from "react-relay"; import { graphql } from "relay-runtime"; @@ -43,8 +43,8 @@ export function CompliancePageSlackSection(props: { fragmentRef: CompliancePageS padded className="flex items-center gap-3" > -
- +
+

Slack

@@ -73,8 +73,8 @@ export function CompliancePageSlackSection(props: { fragmentRef: CompliancePageS padded className="flex items-center gap-3" > -
- +
+

Slack

diff --git a/packages/ui/src/Atoms/Vendors/Google.tsx b/packages/ui/src/Atoms/Vendors/Google.tsx new file mode 100644 index 000000000..f81ff6055 --- /dev/null +++ b/packages/ui/src/Atoms/Vendors/Google.tsx @@ -0,0 +1,31 @@ +import type { ComponentProps } from "react"; + +export function Google(props: ComponentProps<"svg">) { + return ( + + + + + + + ); +} diff --git a/packages/ui/src/Atoms/Vendors/Slack.tsx b/packages/ui/src/Atoms/Vendors/Slack.tsx new file mode 100644 index 000000000..1595e9646 --- /dev/null +++ b/packages/ui/src/Atoms/Vendors/Slack.tsx @@ -0,0 +1,14 @@ +import type { ComponentProps } from "react"; + +export function Slack(props: ComponentProps<"svg">) { + return ( + + + + + + + + + ); +} diff --git a/packages/ui/src/Atoms/Vendors/index.ts b/packages/ui/src/Atoms/Vendors/index.ts new file mode 100644 index 000000000..1cb287444 --- /dev/null +++ b/packages/ui/src/Atoms/Vendors/index.ts @@ -0,0 +1,2 @@ +export { Google } from "./Google"; +export { Slack } from "./Slack"; diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts index 5f67e8b60..8d5eceba1 100644 --- a/packages/ui/src/index.ts +++ b/packages/ui/src/index.ts @@ -45,6 +45,7 @@ export { Row, RowButton, } from "./Atoms/DataTable/DataTable"; +export * from "./Atoms/Vendors"; // Molecules export {