leaflet.pub
a tool for shared writing and social publishing
fixed issue with page options menu
cozylittle.house
+16
-12
components/Pages/index.tsx
+16
-12
components/Pages/index.tsx
···
1
1
"use client";
2
2
3
-
import React, { useState } from "react";
3
+
import React, { JSX, useState } from "react";
4
4
import { useUIState } from "src/useUIState";
5
5
import { useEntitySetContext } from "../EntitySetProvider";
6
6
import { useSearchParams } from "next/navigation";
···
241
241
);
242
242
};
243
243
244
-
const PageOptionButton = (props: {
245
-
onClick?: () => void;
244
+
const PageOptionButton = ({
245
+
children,
246
+
secondary,
247
+
cardBorderHidden,
248
+
className,
249
+
disabled,
250
+
...props
251
+
}: {
246
252
children: React.ReactNode;
247
253
secondary?: boolean;
248
254
cardBorderHidden: boolean | undefined;
249
255
className?: string;
250
256
disabled?: boolean;
251
-
}) => {
257
+
} & Omit<JSX.IntrinsicElements["button"], "content">) => {
252
258
return (
253
259
<button
254
260
className={`
···
256
262
shrink-0
257
263
pt-[2px] h-5 w-5 p-0.5 mx-auto
258
264
border border-border
259
-
${props.secondary ? "bg-border text-bg-page" : "bg-bg-page text-border"}
260
-
${props.disabled && "opacity-50"}
261
-
${props.cardBorderHidden ? "rounded-md" : `rounded-b-md sm:rounded-l-none sm:rounded-r-md`}
265
+
${secondary ? "bg-border text-bg-page" : "bg-bg-page text-border"}
266
+
${disabled && "opacity-50"}
267
+
${cardBorderHidden ? "rounded-md" : `rounded-b-md sm:rounded-l-none sm:rounded-r-md`}
262
268
flex items-center justify-center
263
-
${props.className}
269
+
${className}
264
270
265
271
`}
266
-
onClick={() => {
267
-
props.onClick && props.onClick();
268
-
}}
272
+
{...props}
269
273
>
270
-
{props.children}
274
+
{children}
271
275
</button>
272
276
);
273
277
};