diff --git a/src/plugins/_api/dynamicImageModalApi.ts b/src/plugins/_api/dynamicImageModalApi.ts index 759ef001..d91a5a93 100644 --- a/src/plugins/_api/dynamicImageModalApi.ts +++ b/src/plugins/_api/dynamicImageModalApi.ts @@ -13,13 +13,6 @@ export default definePlugin({ authors: [Devs.sadan, Devs.Nuckyz], description: "Allows you to omit either width or height when opening an image modal", patches: [ - { - find: ".contain,SCALE_DOWN:", - replacement: { - match: /(?<="IMAGE"===\i\?)\i(?=\?)/, - replace: "true" - } - }, { find: ".dimensionlessImage,", replacement: { diff --git a/src/plugins/imageZoom/index.tsx b/src/plugins/imageZoom/index.tsx index 1a17b616..25a0ab7d 100644 --- a/src/plugins/imageZoom/index.tsx +++ b/src/plugins/imageZoom/index.tsx @@ -162,14 +162,6 @@ export default definePlugin({ managedStyle, patches: [ - { - find: ".contain,SCALE_DOWN:", - replacement: { - match: /imageClassName:/, - replace: `id:"${ELEMENT_ID}",$&` - } - }, - { find: ".dimensionlessImage,", replacement: [ diff --git a/src/utils/discord.css b/src/utils/discord.css deleted file mode 100644 index 746fb564..00000000 --- a/src/utils/discord.css +++ /dev/null @@ -1,23 +0,0 @@ -.vc-position-inherit { - position: inherit; -} - -/** - * copy pasted from discord css. not really webpack-findable since it's the only class in the module -**/ - -.vc-image-modal { - background: transparent !important; - box-shadow: none !important; - display: flex; - justify-content: center; - align-items: center; - border-radius: 0; -} - -@media(width <= 485px) { - .vc-image-modal { - overflow: visible; - overflow: initial; - } -} diff --git a/src/utils/discord.tsx b/src/utils/discord.tsx index ec96d0d4..ba60d98a 100644 --- a/src/utils/discord.tsx +++ b/src/utils/discord.tsx @@ -16,8 +16,6 @@ * along with this program. If not, see . */ -import "./discord.css"; - import { MessageObject } from "@api/MessageEvents"; import { ChannelStore, ComponentDispatch, Constants, FluxDispatcher, GuildStore, i18n, IconUtils, InviteActions, MessageActions, PrivateChannelsStore, RestAPI, SelectedChannelStore, SelectedGuildStore, UserProfileActions, UserProfileStore, UserSettingsActionCreators, UserUtils } from "@webpack/common"; import { Channel, Guild, Message, User } from "discord-types/general"; @@ -143,9 +141,6 @@ export function sendMessage( */ export function openImageModal(item: Except, mediaModalProps?: Omit) { return openMediaModal({ - className: "vc-image-modal", - fit: "vc-position-inherit", - shouldAnimateCarousel: true, items: [{ type: "IMAGE", original: item.original ?? item.url, diff --git a/src/utils/modal.tsx b/src/utils/modal.tsx index d06e5803..eebdb95e 100644 --- a/src/utils/modal.tsx +++ b/src/utils/modal.tsx @@ -16,7 +16,7 @@ * along with this program. If not, see . */ -import { filters, findModuleId, mapMangledModuleLazy, proxyLazyWebpack, wreq } from "@webpack"; +import { filters, findByCodeLazy, mapMangledModuleLazy } from "@webpack"; import type { ComponentType, PropsWithChildren, ReactNode, Ref } from "react"; import { LazyComponent } from "./react"; @@ -138,16 +138,10 @@ export type MediaModalProps = { fit?: string; shouldRedactExplicitContent?: boolean; shouldHideMediaOptions?: boolean; - shouldAnimateCarousel?: boolean; }; -export const openMediaModal: (props: MediaModalProps) => void = proxyLazyWebpack(() => { - const mediaModalKeyModuleId = findModuleId('"Zoomed Media Modal"'); - if (mediaModalKeyModuleId == null) return; - - const openMediaModalModule = wreq(findModuleId(mediaModalKeyModuleId, "modalKey:") as any); - return Object.values(openMediaModalModule).find(v => String(v).includes("modalKey:")); -}); +// modal key: "Media Viewer Modal" +export const openMediaModal: (props: MediaModalProps) => void = findByCodeLazy("hasMediaOptions", "shouldHideMediaOptions"); interface ModalAPI { /**