ryanamay/ModularVencord
1
0
Fork 0
mirror of https://github.com/Vendicated/Vencord.git synced 2024-09-19 22:20:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

feat(memberListActivities): configurable icon size

Browse source
This commit is contained in:
D3SOX 2024-02-15 16:09:52 +01:00
parent d7404417be
commit 358fa1d1b4
No known key found for this signature in database
GPG key ID: 39EC1673FC37B048
1 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/plugins/memberListActivities/index.tsx
View file

@ -18,15 +18,26 @@
import "./styles.css";
import { definePluginSettings } from "@api/Settings";
import { classNameFactory } from "@api/Styles";
import ErrorBoundary from "@components/ErrorBoundary";
import { Devs } from "@utils/constants";
import definePlugin from "@utils/types";
import definePlugin, { OptionType } from "@utils/types";
import { findByPropsLazy, findStoreLazy } from "@webpack";
import { SpotifyIcon } from "./components/SpotifyIcon";
import { TwitchIcon } from "./components/TwitchIcon";
const settings = definePluginSettings({
iconSize: {
type: OptionType.SLIDER,
description: "Size of the activity icons",
markers: [10, 15, 20],
default: 20,
stickToMarkers: false,
},
});
interface Activity {
created_at: number;
id: string;
@ -90,6 +101,8 @@ export default definePlugin({
authors: [Devs.D3SOX],
tags: ["activity"],
settings,
patchActivityList: (activities: Activity[]) => {
const icons: JSX.Element[] = [];
@ -154,7 +167,7 @@ export default definePlugin({
return <ErrorBoundary noop>
<div className={cl("row")}>
{icons.map((icon, i) => (
<div key={i} className={cl("icon")}>
<div key={i} className={cl("icon")} style={{ width: `${settings.store.iconSize}px`, height: `${settings.store.iconSize}px` }}>
{icon}
</div>
))}