diff --git a/showcase.json b/showcase.json index 6e66d6b7..b7fb00a3 100644 --- a/showcase.json +++ b/showcase.json @@ -26,7 +26,6 @@ "henryqw", "twifag", "hominsu", - "exodus-exodus", "colojayce", "stars", "somehacker", diff --git a/src/components/icons/RSS3Icon.tsx b/src/components/icons/RSS3Icon.tsx index 6bcf3785..2027b54c 100644 --- a/src/components/icons/RSS3Icon.tsx +++ b/src/components/icons/RSS3Icon.tsx @@ -4,23 +4,44 @@ export const RSS3Icon: React.FC> = ( props, ) => { return ( - + + + + - - - - - - + + + + + + diff --git a/src/components/icons/XCharIcon.tsx b/src/components/icons/XCharIcon.tsx new file mode 100644 index 00000000..bc0c6b33 --- /dev/null +++ b/src/components/icons/XCharIcon.tsx @@ -0,0 +1,36 @@ +import React from "react" + +export const XCharIcon: React.FC> = ( + props, +) => { + return ( + + + + + + + + + + + + ) +} diff --git a/src/components/icons/XFeedIcon.tsx b/src/components/icons/XFeedIcon.tsx new file mode 100644 index 00000000..2e914969 --- /dev/null +++ b/src/components/icons/XFeedIcon.tsx @@ -0,0 +1,29 @@ +import React from "react" + +export const XFeedIcon: React.FC> = ( + props, +) => { + return ( + + + + + ) +} diff --git a/src/components/site/SiteHeader.tsx b/src/components/site/SiteHeader.tsx index 6eecc0b5..07bf1ed2 100644 --- a/src/components/site/SiteHeader.tsx +++ b/src/components/site/SiteHeader.tsx @@ -1,6 +1,6 @@ import clsx from "clsx" import { useRouter } from "next/router" -import { CSB_SCAN, CSB_IO } from "~/lib/env" +import { CSB_SCAN, CSB_IO, CSB_XCHAR } from "~/lib/env" import { getUserContentsUrl } from "~/lib/user-contents" import { Avatar } from "../ui/Avatar" import { Button } from "../ui/Button" @@ -9,10 +9,13 @@ import { Profile } from "~/lib/types" import { ConnectButton } from "../common/ConnectButton" import { BlockchainIcon } from "~/components/icons/BlockchainIcon" import { RSS3Icon } from "~/components/icons/RSS3Icon" -import { EllipsisHorizontalIcon, RssIcon } from "@heroicons/react/20/solid" +import { EllipsisHorizontalIcon } from "@heroicons/react/20/solid" import { Image } from "~/components/ui/Image" import { FollowingButton } from "~/components/common/FollowingButton" import { FollowingCount } from "~/components/common/FollowingCount" +import { RssIcon } from "@heroicons/react/24/solid" +import { XCharIcon } from "~/components/icons/XCharIcon" +import { XFeedIcon } from "~/components/icons/XFeedIcon" export type HeaderLinkType = { icon?: React.ReactNode @@ -50,28 +53,33 @@ export const SiteHeader: React.FC<{ const moreMenuItems = [ { - text: "View on Crossbell.io", - icon: , - url: CSB_IO && `${CSB_IO}/@${site?.username}`, + text: "View on xChar", + icon: , + url: `${CSB_XCHAR}/${site?.username}`, + }, + { + text: "View on xFeed", + icon: , + url: `${CSB_IO}/@${site?.username}`, }, { text: "View on RSS3", - icon: , + icon: , url: `https://rss3.io/result?search=${site?.username}.csb`, }, { - text: "View on blockchain explorer", - icon: , + text: "View on Crossbell Scan", + icon: , url: `${CSB_SCAN}/address/${site?.metadata?.owner}`, }, { text: "JSON Feed", - icon: , + icon: , url: `/feed`, }, { text: "RSS", - icon: , + icon: , url: `/feed/xml`, }, ] @@ -136,8 +144,8 @@ export const SiteHeader: React.FC<{ > -
-
+
+
{moreMenuItems.map((item) => { return (