-
๐ This {page ? (page.tags?.includes("post") ? "post" : "page") : "blog"} has been permanently stored on the blockchain and signed by its creator.
+
+ ๐ This{" "}
+ {page ? (page.tags?.includes("post") ? "post" : "page") : "blog"} has
+ been permanently stored on the blockchain and signed by its creator.
+
-
Blockchain Transaction
- {
- page &&
+ {page && (
-
IPFS Address
-
+
- }
+ )}
-
Author Address
diff --git a/src/components/site/SiteHeader.tsx b/src/components/site/SiteHeader.tsx
index 0a171020..be37ce6d 100644
--- a/src/components/site/SiteHeader.tsx
+++ b/src/components/site/SiteHeader.tsx
@@ -17,8 +17,12 @@ import { useAccount } from "wagmi"
import unidata from "~/lib/unidata"
import { Fragment, useEffect, useState } from "react"
import toast from "react-hot-toast"
-import { useGetSubscription, useSubscribeToSite, useUnsubscribeFromSite } from "~/queries/site"
-import { useConnectModal } from '@rainbow-me/rainbowkit';
+import {
+ useGetSubscription,
+ useSubscribeToSite,
+ useUnsubscribeFromSite,
+} from "~/queries/site"
+import { useConnectModal } from "@rainbow-me/rainbowkit"
import { Menu } from "@headlessui/react"
import { MoreIcon } from "~/components/icons/MoreIcon"
import { RSS3Icon } from "~/components/icons/RSS3Icon"
@@ -79,19 +83,32 @@ export const SiteHeader: React.FC<{
}
const subscription = useGetSubscription({
- userId: address || '',
- siteId: site?.username || '',
+ userId: address || "",
+ siteId: site?.username || "",
})
useEffect(() => {
- if (followProgress && address && subscription.isSuccess && !subscription.data && site?.username) {
+ if (
+ followProgress &&
+ address &&
+ subscription.isSuccess &&
+ !subscription.data &&
+ site?.username
+ ) {
subscribeToSite.mutate({
userId: address,
siteId: site.username,
})
setFollowProgress(false)
}
- }, [followProgress, address, subscription.isSuccess, subscription.data, site?.username, subscribeToSite])
+ }, [
+ followProgress,
+ address,
+ subscription.isSuccess,
+ subscription.data,
+ site?.username,
+ subscribeToSite,
+ ])
const leftLinks: HeaderLinkType[] = [
{ label: "Home", url: "/" },
@@ -134,14 +151,16 @@ export const SiteHeader: React.FC<{
{site?.bio}
)}
- {subscription.data ?
+ {subscription.data ? (
:
+
+ ) : (
- }
+ )}
-
+
>
)
}
diff --git a/src/components/ui/Avatar.tsx b/src/components/ui/Avatar.tsx
index 9835b4ae..03a1c453 100644
--- a/src/components/ui/Avatar.tsx
+++ b/src/components/ui/Avatar.tsx
@@ -34,7 +34,7 @@ export const Avatar: React.FC<
className={clsx(
`inline-flex text-white bg-gray-400 items-center justify-center text-xl font-medium uppercase flex-shrink-0`,
borderRadius,
- className
+ className,
)}
style={{
width: `${size}px`,
@@ -53,7 +53,7 @@ export const Avatar: React.FC<
className={clsx(
`inline-flex text-zinc-500 bg-gray-400 flex-shrink-0 items-center justify-center text-xl font-medium uppercase`,
borderRadius,
- className
+ className,
)}
style={{
width: `${size}px`,
diff --git a/src/components/ui/Button.tsx b/src/components/ui/Button.tsx
index f085aea0..f4820626 100644
--- a/src/components/ui/Button.tsx
+++ b/src/components/ui/Button.tsx
@@ -36,7 +36,7 @@ export const Button = React.forwardRef<
isAutoWidth,
...props
},
- ref
+ ref,
) {
return (