mirrors/Equicord
1
1
Fork 0
mirror of https://github.com/Equicord/Equicord.git synced 2025-06-14 09:03:03 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Fix Error On Compile

Browse source
This commit is contained in:
thororen1234 2025-05-21 16:26:30 -04:00
parent f0229d6185
commit b4cde05582
No known key found for this signature in database
2 changed files with 33 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/equicordplugins/fakeProfileThemesAndEffects/components/BuilderButton.tsx
View file

@ -5,18 +5,17 @@
*/
import { Text, Tooltip } from "@webpack/common";
import type { ComponentProps } from "react";
import { buttonRef } from "./BuilderColorButton";
import type { ComponentProps, RefObject } from "react";
export interface BuilderButtonProps {
label?: string | undefined;
tooltip?: string | undefined;
selectedStyle?: ComponentProps<"div">["style"];
buttonProps?: ComponentProps<"div"> | undefined;
buttonRef?: RefObject<null>;
}
export const BuilderButton = ({ label, tooltip, selectedStyle, buttonProps }: BuilderButtonProps) => (
export const BuilderButton = ({ buttonRef, label, tooltip, selectedStyle, buttonProps }: BuilderButtonProps) => (
<Tooltip text={tooltip} shouldShow={!!tooltip}>
{tooltipProps => (
<div style={{ width: "60px" }}>

58
src/equicordplugins/fakeProfileThemesAndEffects/components/BuilderColorButton.tsx
View file

@ -13,32 +13,34 @@ export interface BuilderColorButtonProps extends Pick<BuilderButtonProps, "label
setColor: (color: number | null) => void;
}
export const buttonRef = useRef(null);
export const BuilderColorButton = ({ label, color, setColor, suggestedColors }: BuilderColorButtonProps) => (
<Popout
position="bottom"
targetElementRef={buttonRef}
renderPopout={() => (
<CustomColorPicker
value={color}
onChange={setColor}
showEyeDropper={true}
suggestedColors={suggestedColors}
/>
)}
>
{popoutProps => {
const hexColor = color ? "#" + color.toString(16).padStart(6, "0") : undefined;
return (
<BuilderButton
label={label}
tooltip={hexColor}
selectedStyle={hexColor ? { background: hexColor } : undefined}
buttonProps={popoutProps}
export function BuilderColorButton({ label, color, setColor, suggestedColors }: BuilderColorButtonProps) {
const buttonRef = useRef(null);
return (
<Popout
position="bottom"
targetElementRef={buttonRef}
renderPopout={() => (
<CustomColorPicker
value={color}
onChange={setColor}
showEyeDropper={true}
suggestedColors={suggestedColors}
/>
);
}}
</Popout>
);
)}
>
{popoutProps => {
const hexColor = color ? "#" + color.toString(16).padStart(6, "0") : undefined;
return (
<BuilderButton
label={label}
tooltip={hexColor}
selectedStyle={hexColor ? { background: hexColor } : undefined}
buttonProps={popoutProps}
buttonRef={buttonRef}
/>
);
}}
</Popout>
);
}