mirrors/Equicord
1
1
Fork 0
mirror of https://github.com/Equicord/Equicord.git synced 2025-02-23 16:49:24 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

StatusPresets Use A Better Close Icon

Browse source
This commit is contained in:
thororen1234 2025-02-02 11:25:25 -05:00
parent b8fa19310d
commit 49647cf6af
2 changed files with 44 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
src/equicordplugins/statusPresets/index.tsx
View file

@ -47,7 +47,7 @@ interface Emoji {
name: string; name: string;
} }
const CircleXIcon = findComponentByCodeLazy("22Zm4.7-15.7a1"); const PlusSmallIcon = findComponentByCodeLazy("0-2h-5V6Z");
interface DiscordStatus { interface DiscordStatus {
emojiInfo: Emoji | null; emojiInfo: Emoji | null;
@ -91,11 +91,11 @@ function setStatus(status: DiscordStatus) {
}); });
} }
const ClearStatusButton = () => <Clickable className={StatusStyles.clearCustomStatusHint} onClick={e => { e.stopPropagation(); CustomStatusSettings?.updateSetting(null); }}><CircleXIcon /></Clickable>; const ClearStatusButton = () => <Clickable className={StatusStyles.clearCustomStatusHint} onClick={e => { e.stopPropagation(); CustomStatusSettings?.updateSetting(null); }}><PlusSmallIcon className={"vc-sp-icon"} /></Clickable>;
function StatusIcon({ isHovering, status }: { isHovering: boolean; status: DiscordStatus; }) { function StatusIcon({ isHovering, status }: { isHovering: boolean; status: DiscordStatus; }) {
return <div className={StatusStyles.status}>{isHovering ? return <div className={StatusStyles.status}>{isHovering ?
<CircleXIcon /> <PlusSmallIcon className={"vc-sp-icon"} />
: (status.emojiInfo != null ? <EmojiComponent emoji={status.emojiInfo} animate={false} hideTooltip={false} /> : <div className={StatusStyles.customEmojiPlaceholder} />)}</div>; : (status.emojiInfo != null ? <EmojiComponent emoji={status.emojiInfo} animate={false} hideTooltip={false} /> : <div className={StatusStyles.customEmojiPlaceholder} />)}</div>;
} }
@ -173,26 +173,42 @@ export default definePlugin({
], ],
render() { render() {
const status = CustomStatusSettings.getSetting(); const status = CustomStatusSettings.getSetting();
return <ErrorBoundary> return (
<div className={StatusStyles.menuDivider} /> <ErrorBoundary>
{status == null ? <div className={StatusStyles.menuDivider} />
<PMenu {status == null ?
id="sp-custom/presets-status" <PMenu
action="PRESS_SET_STATUS" id="sp-custom/presets-status"
onClick={openCustomStatusModalLazy} action="PRESS_SET_STATUS"
icon={() => <div className={StatusStyles.customEmojiPlaceholder} />} onClick={openCustomStatusModalLazy}
label="Set Custom Status" renderSubmenu={StatusSubMenuComponent} icon={
/> () => <div
: className={StatusStyles.customEmojiPlaceholder}
<PMenu />
id="sp-edit/presets-status" }
action="PRESS_EDIT_CUSTOM_STATUS" label="Set Custom Status"
onClick={openCustomStatusModalLazy} renderSubmenu={StatusSubMenuComponent}
hint={<ClearStatusButton />} />
icon={() => status.emoji != null ? <EmojiComponent emoji={status.emoji} animate={false} hideTooltip={false} /> : null} :
label="Edit Custom Status" renderSubmenu={StatusSubMenuComponent} <PMenu
/>} id="sp-edit/presets-status"
</ErrorBoundary>; action="PRESS_EDIT_CUSTOM_STATUS"
onClick={openCustomStatusModalLazy}
hint={<ClearStatusButton />}
icon={
() => status.emoji != null ? (
<EmojiComponent
emoji={status.emoji}
animate={false}
hideTooltip={false}
/>
) : null
}
label="Edit Custom Status"
renderSubmenu={StatusSubMenuComponent}
/>}
</ErrorBoundary>
);
}, },
renderRememberButton(statue: DiscordStatus) { renderRememberButton(statue: DiscordStatus) {
return <Button return <Button

5
src/equicordplugins/statusPresets/style.css
View file

@ -6,3 +6,8 @@
background-color: var(--menu-item-default-hover-bg) !important; background-color: var(--menu-item-default-hover-bg) !important;
color: var(--white) !important; color: var(--white) !important;
} }
.vc-sp-icon {
transform: rotate(45deg);
margin-top: 4px;
}