remove styles

This commit is contained in:
thororen1234 2026-01-28 18:52:18 -05:00
parent 6b2c5f6935
commit a75e58da4b
No known key found for this signature in database
3 changed files with 17 additions and 23 deletions

View file

@ -8,11 +8,8 @@ import { addContextMenuPatch, removeContextMenuPatch } from "@api/ContextMenu";
import { ScreenshareIcon } from "@components/Icons";
import { Devs } from "@utils/constants";
import definePlugin from "@utils/types";
import { findCssClassesLazy } from "@webpack";
import { Menu, UploadHandler } from "@webpack/common";
const OptionClasses = findCssClassesLazy("optionName", "optionIcon", "optionLabel");
let recoder: MediaRecorder;
export default definePlugin({
@ -29,9 +26,9 @@ function startRecording(children) {
<Menu.MenuItem
id="start-recording"
label={
<div className={OptionClasses.optionLabel}>
<ScreenshareIcon className={OptionClasses.optionIcon} height={24} width={24} />
<div className={OptionClasses.optionName}>Start Recording</div>
<div>
<ScreenshareIcon height={24} width={24} />
<div>Start Recording</div>
</div>
}
action={async () => {
@ -50,9 +47,9 @@ function stopRecording(children, props) {
<Menu.MenuItem
id="stop-recording"
label={
<div className={OptionClasses.optionLabel}>
<ScreenshareIcon className={OptionClasses.optionIcon} height={24} width={24} />
<div className={OptionClasses.optionName}>Stop Recording</div>
<div>
<ScreenshareIcon height={24} width={24} />
<div>Stop Recording</div>
</div>
}
action={() => {

View file

@ -27,7 +27,7 @@ import { classes } from "@utils/misc";
import { openModalLazy } from "@utils/modal";
import { useForceUpdater } from "@utils/react";
import definePlugin, { OptionType, StartAt } from "@utils/types";
import { extractAndLoadChunksLazy, findComponentByCodeLazy, findCssClassesLazy, findModuleId, wreq } from "@webpack";
import { extractAndLoadChunksLazy, findComponentByCodeLazy, findModuleId, wreq } from "@webpack";
import { Clickable, Menu, OverridePremiumTypeStore, Toasts, useState } from "@webpack/common";
import managedStyle from "./fixActionBar.css?managed";
@ -56,7 +56,6 @@ interface DiscordStatus {
status: "online" | "dnd" | "idle" | "invisible";
}
const StatusStyles = findCssClassesLazy("statusItem", "status", "menuDivider", "clearCustomStatusHint", "customEmojiPlaceholder");
// TODO: find clearCustomStatusHint original css/svg or replace
const PMenu = findComponentByCodeLazy("#{intl::MORE_OPTIONS}", ".ChevronSmallRightIcon");
const EmojiComponent = findComponentByCodeLazy(/\.translateSurrogatesToInlineEmoji\(\i\.name\);/);
@ -93,12 +92,12 @@ function setStatus(status: DiscordStatus) {
});
}
const ClearStatusButton = () => <Clickable className={StatusStyles.clearCustomStatusHint} onClick={e => { e.stopPropagation(); CustomStatusSettings?.updateSetting(null); }}><PlusSmallIcon className={"vc-sp-icon"} /></Clickable>;
const ClearStatusButton = () => <Clickable onClick={e => { e.stopPropagation(); CustomStatusSettings?.updateSetting(null); }}><PlusSmallIcon className={"vc-sp-icon"} /></Clickable>;
function StatusIcon({ isHovering, status }: { isHovering: boolean; status: DiscordStatus; }) {
return <div className={StatusStyles.status}>{isHovering ?
return <div>{isHovering ?
<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 />)}</div>;
}
const RenderStatusMenuItem = ({ status, update, disabled }: { status: DiscordStatus; update: () => void; disabled: boolean; }) => {
@ -111,7 +110,7 @@ const RenderStatusMenuItem = ({ status, update, disabled }: { status: DiscordSta
setIsHovering(false);
};
return <div className={classes(StatusStyles.statusItem, "vc-sp-item", disabled ? "vc-sp-disabled" : null)}
return <div className={classes("vc-sp-item", disabled ? "vc-sp-disabled" : null)}
onMouseOver={handleMouseOver}
onMouseOut={handleMouseOut}>
<Clickable
@ -120,7 +119,7 @@ const RenderStatusMenuItem = ({ status, update, disabled }: { status: DiscordSta
settings.store.StatusPresets[status.text] = undefined; // setting to undefined to remove it.
update();
}}><StatusIcon isHovering={isHovering} status={status} /></Clickable>
<div className={StatusStyles.status} style={{ marginLeft: "2px" }}>{status.text}</div>
<div style={{ marginLeft: "2px" }}>{status.text}</div>
</div >;
};
@ -169,16 +168,14 @@ export default definePlugin({
const status = CustomStatusSettings.getSetting();
return (
<ErrorBoundary>
<div className={StatusStyles.menuDivider} />
<div />
{status == null ?
<PMenu
id="sp-custom/presets-status"
action="PRESS_SET_STATUS"
onClick={openCustomStatusModalLazy}
icon={
() => <div
className={StatusStyles.customEmojiPlaceholder}
/>
() => <div />
}
label="Set Custom Status"
renderSubmenu={StatusSubMenuComponent}

View file

@ -158,9 +158,9 @@ const ctxMenuPatch: NavContextMenuPatchCallback = (children, props) => {
<Menu.MenuItem
id="vc-send-vmsg"
label={
<div className={OptionClasses.optionLabel}>
<Microphone className={OptionClasses.optionIcon} height={24} width={24} />
<div className={OptionClasses.optionName}>
<div>
<Microphone height={24} width={24} />
<div>
Send Voice Message
{!hasPermission && <span style={{ fontSize: "smaller", opacity: 0.6 }}> (Missing Permissions)</span>}
</div>