fix: some styles

components/common/NewUserGuide/index.tsx

@@ -1,22 +1,20 @@
 import { WalletCharacterNewHref } from "@/utils/url";
 import { getCurrentAddress } from "@/utils/wallet/provider";
 import { Space, Text, Button } from "@mantine/core";
-import { closeModal, openModal } from "@mantine/modals";
+import { closeAllModals, closeModal, openModal } from "@mantine/modals";
 import Link from "next/link";
 import Image from "@/components/common/Image";
 import Tooltip from "@/components/common/Tooltip";
 import { openBorderlessModal } from "../Modal";
 
 export function openConnectWalletHintModel() {
-	const id = "connect-wallet-hint";
-
 	openModal({
 		title: "Please Connect Wallet",
 		children: (
 			<div>
 				<Text>You need to be connected to see your feed.</Text>
 				<Space h={10} />
-				<Button onClick={() => closeModal(id)} fullWidth size="lg">
+				<Button onClick={() => closeAllModals()} fullWidth size="lg">
 					OK
 				</Button>
 			</div>
@@ -25,8 +23,6 @@ export function openConnectWalletHintModel() {
 }
 
 export function openFaucetHintModel() {
-	const id = "faucet-hint-hint";
-
 	const address = getCurrentAddress();
 
 	openModal({
@@ -52,7 +48,7 @@ export function openFaucetHintModel() {
 					component="a"
 					href={`https://faucet.crossbell.io/?address=${address}`}
 					target="_blank"
-					onClick={() => closeModal(id)}
+					onClick={() => closeAllModals()}
 					fullWidth
 					size="lg"
 				>
@@ -64,13 +60,11 @@ export function openFaucetHintModel() {
 }
 
 export function openMintNewCharacterModel() {
-	const id = "mint-character";
-
 	openBorderlessModal({
 		children: (
 			<div
 				className="relative flex justify-center items-center"
-				onClick={() => closeModal(id)}
+				onClick={() => closeAllModals()}
 			>
 				{/* close btn */}
 				<div className="absolute top-0 right-0 w-100px h-100px cursor-pointer"></div>

components/common/Note/MarkdownRenderer.tsx

@@ -341,7 +341,7 @@ export function MarkdownRenderer({
 				)}
 			</div>
 		);
-	}, [children, collapsible, height]);
+	}, [children, collapsible, showReadMoreButton]);
 
 	return Memoed;
 }

components/common/Note/Zoom.tsx

@@ -1,10 +1,13 @@
 import Zoom_ from "react-medium-image-zoom";
 import "react-medium-image-zoom/dist/styles.css";
-import styles from "./Zoom.module.css";
+// import styles from "./Zoom.module.css";
 
 export default function Zoom({ children }: { children: React.ReactNode }) {
 	return (
-		<span className={styles.zoom} onClick={(e) => e.stopPropagation()}>
+		<span
+			// className={styles.zoom}
+			onClick={(e) => e.stopPropagation()}
+		>
 			<Zoom_>{children}</Zoom_>
 		</span>
 	);

pages/search/index.tsx

@@ -52,7 +52,7 @@ const Page: NextPageWithLayout = () => {
 				)}
 			>
 				<div className="py-5 w-full">
-					<SearchInput defaultValue={q} />
+					<SearchInput value={q} />
 				</div>
 			</Header>