refactor: refresh

src/element/mute-button.tsx

@@ -3,9 +3,9 @@ import { FormattedMessage } from "react-intl";
 import { SnortContext } from "@snort/system-react";
 
 import { useLogin } from "@/hooks/login";
-import AsyncButton from "./async-button";
 import { Login } from "@/index";
 import { MUTED } from "@/const";
+import { DefaultButton } from "./buttons";
 
 export function useMute(pubkey: string) {
   const system = useContext(SnortContext);
@@ -55,13 +55,13 @@ export function LoggedInMuteButton({ pubkey }: { pubkey: string }) {
   const { isMuted, mute, unmute } = useMute(pubkey);
 
   return (
-    <AsyncButton onClick={() => (isMuted ? unmute() : mute())} className="font-bold">
+    <DefaultButton onClick={() => (isMuted ? unmute() : mute())}>
       {isMuted ? (
         <FormattedMessage defaultMessage="Unmute" id="W9355R" />
       ) : (
         <FormattedMessage defaultMessage="Mute" id="x82IOl" />
       )}
-    </AsyncButton>
+    </DefaultButton>
   );
 }