From 195f1a032fc63d4fd35564a9d11f8ed4afbcac4d Mon Sep 17 00:00:00 2001 From: V Date: Wed, 10 May 2023 23:13:47 +0200 Subject: ShowConnections: Add verified & copy/link icons in tooltip (#1092) --- src/plugins/showConnections/VerifiedIcon.tsx | 38 ++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) create mode 100644 src/plugins/showConnections/VerifiedIcon.tsx (limited to 'src/plugins/showConnections/VerifiedIcon.tsx') diff --git a/src/plugins/showConnections/VerifiedIcon.tsx b/src/plugins/showConnections/VerifiedIcon.tsx new file mode 100644 index 0000000..79e27c4 --- /dev/null +++ b/src/plugins/showConnections/VerifiedIcon.tsx @@ -0,0 +1,38 @@ +/* + * Vencord, a modification for Discord's desktop app + * Copyright (c) 2023 Vendicated and contributors + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program. If not, see . +*/ + +import { LazyComponent } from "@utils/react"; +import { findByCode, findLazy } from "@webpack"; +import { i18n, useToken } from "@webpack/common"; + +const ColorMap = findLazy(m => m.colors?.INTERACTIVE_MUTED?.css); +const VerifiedIconComponent = LazyComponent(() => findByCode(".CONNECTIONS_ROLE_OFFICIAL_ICON_TOOLTIP")); + +export function VerifiedIcon() { + const color = useToken(ColorMap.colors.INTERACTIVE_MUTED).hex(); + const forcedIconColor = useToken(ColorMap.colors.INTERACTIVE_ACTIVE).hex(); + + return ( + + ); +} -- cgit