remove styles
This commit is contained in:
parent
6b2c5f6935
commit
a75e58da4b
3 changed files with 17 additions and 23 deletions
|
|
@ -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={() => {
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue