From 94c5e6fdb71b5b929a9493ae50786e9217205440 Mon Sep 17 00:00:00 2001
From: D3SOX <nico@d3sox.me>
Date: Thu, 15 Feb 2024 13:13:35 +0100
Subject: [PATCH] fix(memberListActivities): support twitch and attachment
 images

---
 .../memberListActivities/components/TwitchIcon.tsx    | 11 +++++++++++
 src/plugins/memberListActivities/index.tsx            | 11 +++++++++++
 2 files changed, 22 insertions(+)
 create mode 100644 src/plugins/memberListActivities/components/TwitchIcon.tsx

diff --git a/src/plugins/memberListActivities/components/TwitchIcon.tsx b/src/plugins/memberListActivities/components/TwitchIcon.tsx
new file mode 100644
index 000000000..f0246c161
--- /dev/null
+++ b/src/plugins/memberListActivities/components/TwitchIcon.tsx
@@ -0,0 +1,11 @@
+/*
+ * Vencord, a Discord client mod
+ * Copyright (c) 2024 Vendicated and contributors
+ * SPDX-License-Identifier: GPL-3.0-or-later
+ */
+
+import type { SVGProps } from "react";
+
+export function TwitchIcon(props: SVGProps<SVGSVGElement>) {
+    return (<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 268" {...props}><path fill="#5a3e85" d="M17.458 0L0 46.556v186.201h63.983v34.934h34.931l34.898-34.934h52.36L256 162.954V0zm23.259 23.263H232.73v128.029l-40.739 40.741H128L93.113 226.92v-34.886H40.717zm64.008 116.405H128V69.844h-23.275zm63.997 0h23.27V69.844h-23.27z"></path></svg>);
+}
diff --git a/src/plugins/memberListActivities/index.tsx b/src/plugins/memberListActivities/index.tsx
index 02c47043e..807afeead 100644
--- a/src/plugins/memberListActivities/index.tsx
+++ b/src/plugins/memberListActivities/index.tsx
@@ -24,6 +24,7 @@ import { Devs } from "@utils/constants";
 import definePlugin from "@utils/types";
 
 import { SpotifyIcon } from "./components/SpotifyIcon";
+import { TwitchIcon } from "./components/TwitchIcon";
 
 interface Activity {
     created_at: number;
@@ -58,6 +59,10 @@ export default definePlugin({
             icons.push(<SpotifyIcon />);
         }
 
+        if (activities.some(activity => activity.name === "Twitch")) {
+            icons.push(<TwitchIcon />);
+        }
+
         const applications = activities.filter(activity => activity.application_id);
         applications.forEach(activity => {
             const { assets } = activity;
@@ -71,6 +76,12 @@ export default definePlugin({
                         if (externalLink) {
                             icons.push(<img src={externalDiscordLink} alt={alt}/>);
                         }
+                    } else if (image.startsWith("mp:attachments/")) {
+                        const attachmentId = image.replace(/mp:attachments\//, "");
+                        const attachmentLink = `https://media.discordapp.net/attachments/${attachmentId}`;
+                        if (attachmentId) {
+                            icons.push(<img src={attachmentLink} alt={alt}/>);
+                        }
                     } else {
                         const src = `https://cdn.discordapp.com/app-assets/${activity.application_id}/${image}.png`;
                         icons.push(<img src={src} alt={alt}/>);