System-End/Vencord
1
0
Fork 0
mirror of https://github.com/System-End/Vencord.git synced 2026-04-19 23:22:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

FriendsSince: fix in dms profile sidebar

Browse source
This commit is contained in:
Vendicated 2025-12-14 14:58:35 +01:00
parent b910b3d147
commit 40b0976c35
No known key found for this signature in database
GPG key ID: D66986BAF75ECF18
2 changed files with 42 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

65
src/plugins/friendsSince/index.tsx
View file

@ -4,6 +4,8 @@
* SPDX-License-Identifier: GPL-3.0-or-later
*/
import "./styles.css";
import ErrorBoundary from "@components/ErrorBoundary";
import { Devs } from "@utils/constants";
import { getCurrentChannel } from "@utils/discord";
@ -15,7 +17,7 @@ const containerWrapper = findByPropsLazy("memberSinceWrapper");
const container = findByPropsLazy("memberSince");
const getCreatedAtDate = findByCodeLazy('month:"short",day:"numeric"');
const locale = findByPropsLazy("getLocale");
const Section = findComponentByCodeLazy('headingVariant:"text-xs/medium"', ".section");
const Section = findComponentByCodeLazy("headingVariant:", ".section", ".header");
export default definePlugin({
name: "FriendsSince",
@ -54,35 +56,46 @@ export default definePlugin({
const friendsSince = RelationshipStore.getSince(userId);
if (!friendsSince) return null;
if (isSidebar) {
return (
<Section
heading="Friends Since"
headingVariant="text-xs/semibold"
headingColor="text-strong"
>
<Text variant="text-sm/normal">
{getCreatedAtDate(friendsSince, locale.getLocale())}
</Text>
</Section>
);
}
return (
<Section heading="Friends Since">
{
isSidebar ? (
<Section
heading="Friends Since"
headingVariant="text-xs/medium"
headingColor="text-default"
className="vc-friendsSince-profile-section"
>
<div className={containerWrapper.memberSinceWrapper}>
<div className={container.memberSince}>
{!!getCurrentChannel()?.guild_id && (
<svg
aria-hidden="true"
width="16"
height="16"
viewBox="0 0 24 24"
fill="var(--interactive-icon-default, var(--interactive-normal))"
>
<path d="M13 10a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z" />
<path d="M3 5v-.75C3 3.56 3.56 3 4.25 3s1.24.56 1.33 1.25C6.12 8.65 9.46 12 13 12h1a8 8 0 0 1 8 8 2 2 0 0 1-2 2 .21.21 0 0 1-.2-.15 7.65 7.65 0 0 0-1.32-2.3c-.15-.2-.42-.06-.39.17l.25 2c.02.15-.1.28-.25.28H9a2 2 0 0 1-2-2v-2.22c0-1.57-.67-3.05-1.53-4.37A15.85 15.85 0 0 1 3 5Z" />
</svg>
)}
<Text variant="text-sm/normal">
{getCreatedAtDate(friendsSince, locale.getLocale())}
</Text>
) : (
<div className={containerWrapper.memberSinceWrapper}>
<div className={container.memberSince}>
{!!getCurrentChannel()?.guild_id && (
<svg
aria-hidden="true"
width="16"
height="16"
viewBox="0 0 24 24"
fill="var(--interactive-icon-default, var(--interactive-normal))"
>
<path d="M13 10a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z" />
<path d="M3 5v-.75C3 3.56 3.56 3 4.25 3s1.24.56 1.33 1.25C6.12 8.65 9.46 12 13 12h1a8 8 0 0 1 8 8 2 2 0 0 1-2 2 .21.21 0 0 1-.2-.15 7.65 7.65 0 0 0-1.32-2.3c-.15-.2-.42-.06-.39.17l.25 2c.02.15-.1.28-.25.28H9a2 2 0 0 1-2-2v-2.22c0-1.57-.67-3.05-1.53-4.37A15.85 15.85 0 0 1 3 5Z" />
</svg>
)}
<Text variant="text-sm/normal">
{getCreatedAtDate(friendsSince, locale.getLocale())}
</Text>
</div>
</div>
)
}
</div>
</div>
</Section>
);
}, { noop: true }),

3
src/plugins/friendsSince/styles.css Normal file
View file

@ -0,0 +1,3 @@
.vc-friendsSince-profile-section {
gap: 4px;
}