+ {/* eslint-disable-next-line @next/next/no-img-element */}
+ 
+
+
+
,
{
width: 800,
height: 450,
diff --git a/src/pages/api/linkpreview/[timestamp]/index.tsx b/src/pages/api/linkpreview/[timestamp]/index.tsx
index 974a0d8da1..2f6c7cca92 100644
--- a/src/pages/api/linkpreview/[timestamp]/index.tsx
+++ b/src/pages/api/linkpreview/[timestamp]/index.tsx
@@ -26,128 +26,126 @@ const handler = async (req, _) => {
])
return new ImageResponse(
- (
+
+
+
+
- {/* eslint-disable-next-line @next/next/no-img-element */}
-
-
-
-
+
+
- ),
+
-
-
-
-
-
-
- {/* eslint-disable-next-line @next/next/no-img-element */}
- 
-
- - {guild.name} -
-
-
+ {`${new Intl.NumberFormat("en", { notation: "compact" }).format(
- guild?.memberCount ?? 0
- )} members`}
-
- {`${roles?.length || 0} roles`}
+ src={
+ guild.imageUrl?.startsWith("http")
+ ? `${baseUrl}/_next/image?url=${guild.imageUrl}&w=48&q=75`
+ : `${baseUrl}${guild.imageUrl}`
+ }
+ alt={guild.name}
+ />
+ {guild.name} +
+{`${new Intl.NumberFormat("en", { notation: "compact" }).format(
+ guild?.memberCount ?? 0
+ )} members`}
+
+
- {guild.description ? (
- `${safeGuildDescription?.slice(0, 80)}${
- safeGuildDescription?.length > 80 ? "..." : ""
- }`
- ) : (
-
+
+
-
+
- {"That's a great party in there!"}
-
- {"I dare you to be the plus one."}
+ >{`${roles?.length || 0} roles`}
+ {guild.description ? (
+ `${safeGuildDescription?.slice(0, 80)}${
+ safeGuildDescription?.length > 80 ? "..." : ""
+ }`
+ ) : (
+
+ )}
+
+
+
+ {"That's a great party in there!"}
- )}
- {"I dare you to be the plus one."}
+
+ {/* eslint-disable-next-line @next/next/no-img-element */}
+ 
- {/* eslint-disable-next-line @next/next/no-img-element */}
-
-
-
- Guild.xyz
-
+ Guild.xyz
+
- ),
+ ,
{
width: 800,
height: 450,
diff --git a/src/pages/api/nft/[chain]/[address].ts b/src/pages/api/nft/[chain]/[address].ts
index a1f8ae780a..401df95df0 100644
--- a/src/pages/api/nft/[chain]/[address].ts
+++ b/src/pages/api/nft/[chain]/[address].ts
@@ -11,8 +11,8 @@ import {
type NftStandard = "ERC-721" | "ERC-1155" | "Unknown"
enum ContractInterface {
- "ERC721" = "0x80ac58cd",
- "ERC1155" = "0xd9b67a26",
+ ERC721 = "0x80ac58cd",
+ ERC1155 = "0xd9b67a26",
}
export type NFTDetails = {
diff --git a/src/pages/oauth-result.tsx b/src/pages/oauth-result.tsx
index dc63d69b8d..0537d03588 100644
--- a/src/pages/oauth-result.tsx
+++ b/src/pages/oauth-result.tsx
@@ -4,8 +4,8 @@ import { Center, Heading, Text } from "@chakra-ui/react"
import { PlatformName } from "@guildxyz/types"
import { GetServerSideProps, NextPage } from "next"
import { useRouter } from "next/router"
-import rewards from "rewards"
import { useEffect, useState } from "react"
+import rewards from "rewards"
export type OAuthResultParams =
| {
diff --git a/src/requirements/Farcaster/components/FarcasterCast.tsx b/src/requirements/Farcaster/components/FarcasterCast.tsx
index cba74c0b28..4b0e8a42a9 100644
--- a/src/requirements/Farcaster/components/FarcasterCast.tsx
+++ b/src/requirements/Farcaster/components/FarcasterCast.tsx
@@ -18,8 +18,8 @@ import {
WarningCircle,
} from "@phosphor-icons/react"
import { PropsWithChildren } from "react"
-import FarcasterCastSmall from "./FarcasterCastSmall"
import { FarcasterCastData } from "../types"
+import FarcasterCastSmall from "./FarcasterCastSmall"
const FarcasterCast = ({
cast,
diff --git a/src/requirements/Form/FormRequirement.tsx b/src/requirements/Form/FormRequirement.tsx
index 13fd8b7ff5..c8364f028f 100644
--- a/src/requirements/Form/FormRequirement.tsx
+++ b/src/requirements/Form/FormRequirement.tsx
@@ -6,8 +6,8 @@ import Requirement, {
import { useRequirementContext } from "components/[guild]/Requirements/components/RequirementContext"
import useGuild from "components/[guild]/hooks/useGuild"
import { useGuildForm } from "components/[guild]/hooks/useGuildForms"
-import { useUserFormSubmission } from "rewards/Forms/hooks/useFormSubmissions"
import rewards from "rewards"
+import { useUserFormSubmission } from "rewards/Forms/hooks/useFormSubmissions"
const FormRequirement = (props: RequirementProps) => {
const { urlName } = useGuild()
diff --git a/src/requirements/Snapshot/SnapshotRequirement.tsx b/src/requirements/Snapshot/SnapshotRequirement.tsx
index 3707a301a4..2e2d106037 100644
--- a/src/requirements/Snapshot/SnapshotRequirement.tsx
+++ b/src/requirements/Snapshot/SnapshotRequirement.tsx
@@ -152,9 +152,7 @@ const SnapshotRequirement = (props: RequirementProps): JSX.Element => {
)
case "SNAPSHOT_MAJORITY_VOTES":
- return `Vote with the majority at least ${(
- requirement.data.minRatio * 100
- ).toFixed(0)}% of the time`
+ return `Vote with the majority at least ${(requirement.data.minRatio * 100).toFixed(0)}% of the time`
}
})()}
diff --git a/src/requirements/Sound/components/SoundArtistSelect.tsx b/src/requirements/Sound/components/SoundArtistSelect.tsx
index 52d3cb98c3..af5e5bcf30 100644
--- a/src/requirements/Sound/components/SoundArtistSelect.tsx
+++ b/src/requirements/Sound/components/SoundArtistSelect.tsx
@@ -69,8 +69,8 @@ const SoundArtistSelect = ({
!search?.length
? "Start typing..."
: artistsLoading
- ? "Loading..."
- : "No results"
+ ? "Loading..."
+ : "No results"
}
/>
),
diff --git a/src/requirements/Token/TokenRequirement.tsx b/src/requirements/Token/TokenRequirement.tsx
index b93b448101..b85aa33b8f 100644
--- a/src/requirements/Token/TokenRequirement.tsx
+++ b/src/requirements/Token/TokenRequirement.tsx
@@ -9,7 +9,7 @@ import Requirement, {
import RequirementChainIndicator from "components/[guild]/Requirements/components/RequirementChainIndicator"
import { useRequirementContext } from "components/[guild]/Requirements/components/RequirementContext"
import useTokenData from "hooks/useTokenData"
-import { Chain, CHAIN_CONFIG } from "wagmiConfig/chains"
+import { CHAIN_CONFIG, Chain } from "wagmiConfig/chains"
type Props = RequirementProps
@@ -53,8 +53,8 @@ const TokenRequirement = ({ ...rest }: Props) => {
requirement.data?.maxAmount
? `${requirement.data.minAmount} - ${requirement.data.maxAmount}`
: requirement.data?.minAmount > 0
- ? `at least ${requirement.data?.minAmount}`
- : "any amount of"
+ ? `at least ${requirement.data?.minAmount}`
+ : "any amount of"
} ${
requirement.type === "COIN"
? CHAIN_CONFIG[requirementChain].nativeCurrency.symbol
diff --git a/src/requirements/Twitter/components/TwitterIntent.tsx b/src/requirements/Twitter/components/TwitterIntent.tsx
index 939366466e..57ad183d74 100644
--- a/src/requirements/Twitter/components/TwitterIntent.tsx
+++ b/src/requirements/Twitter/components/TwitterIntent.tsx
@@ -1,5 +1,5 @@
import { Icon, Link } from "@chakra-ui/react"
-import { Heart, Share, UserPlus, type IconProps } from "@phosphor-icons/react"
+import { Heart, type IconProps, Share, UserPlus } from "@phosphor-icons/react"
import useMembershipUpdate from "components/[guild]/JoinModal/hooks/useMembershipUpdate"
import { useRequirementContext } from "components/[guild]/Requirements/components/RequirementContext"
import useUser from "components/[guild]/hooks/useUser"
diff --git a/src/rewards/ContractCall/useContractCallCardProps.tsx b/src/rewards/ContractCall/useContractCallCardProps.tsx
index 7de7ecb59a..7f7c4270fd 100644
--- a/src/rewards/ContractCall/useContractCallCardProps.tsx
+++ b/src/rewards/ContractCall/useContractCallCardProps.tsx
@@ -2,10 +2,10 @@ import useGuildRewardNftBalanceByUserId from "components/[guild]/collect/hooks/u
import useNftDetails from "components/[guild]/collect/hooks/useNftDetails"
import useGuild from "components/[guild]/hooks/useGuild"
import useGuildPermission from "components/[guild]/hooks/useGuildPermission"
+import { CardPropsHook } from "rewards/types"
import { GuildPlatformWithOptionalId, PlatformName } from "types"
import { Chains } from "wagmiConfig/chains"
import NftAvailabilityTags from "./components/NftAvailabilityTags"
-import { CardPropsHook } from "rewards/types"
const useContractCallCardProps: CardPropsHook = (
guildPlatform: GuildPlatformWithOptionalId
diff --git a/src/rewards/Forms/useFormCardProps.tsx b/src/rewards/Forms/useFormCardProps.tsx
index b17686309f..3da8cbcdef 100644
--- a/src/rewards/Forms/useFormCardProps.tsx
+++ b/src/rewards/Forms/useFormCardProps.tsx
@@ -7,11 +7,11 @@ import {
} from "@chakra-ui/react"
import { useGuildForm } from "components/[guild]/hooks/useGuildForms"
import useGuildPermission from "components/[guild]/hooks/useGuildPermission"
+import { CardPropsHook } from "rewards/types"
import { GuildPlatformWithOptionalId, PlatformName } from "types"
import pluralize from "utils/pluralize"
-import { useUserFormSubmission } from "./hooks/useFormSubmissions"
import { formData } from "./data"
-import { CardPropsHook } from "rewards/types"
+import { useUserFormSubmission } from "./hooks/useFormSubmissions"
const useFormCardProps: CardPropsHook = (
guildPlatform: GuildPlatformWithOptionalId
diff --git a/src/rewards/Gather/useGatherCardProps.tsx b/src/rewards/Gather/useGatherCardProps.tsx
index a75def1149..443bc04a75 100644
--- a/src/rewards/Gather/useGatherCardProps.tsx
+++ b/src/rewards/Gather/useGatherCardProps.tsx
@@ -1,9 +1,9 @@
import { Circle, Img, useColorModeValue } from "@chakra-ui/react"
import AvailabilityTags from "components/[guild]/RolePlatforms/components/PlatformCard/components/AvailabilityTags"
import useGuild from "components/[guild]/hooks/useGuild"
+import { CardPropsHook } from "rewards/types"
import { GuildPlatform, PlatformName } from "types"
import { gatherData } from "./data"
-import { CardPropsHook } from "rewards/types"
const useGatherCardProps: CardPropsHook = (guildPlatform: GuildPlatform) => {
const bgColor = useColorModeValue("gray.700", "gray.600")
diff --git a/src/rewards/Poap/PoapCardButton.tsx b/src/rewards/Poap/PoapCardButton.tsx
index 266085b562..7b310889d6 100644
--- a/src/rewards/Poap/PoapCardButton.tsx
+++ b/src/rewards/Poap/PoapCardButton.tsx
@@ -5,8 +5,8 @@ import Button from "components/common/Button"
import { useClaimedReward } from "hooks/useClaimedReward"
import dynamic from "next/dynamic"
import Link from "next/link"
-import { claimTextButtonTooltipLabel } from "rewards/SecretText/TextCardButton"
import rewards from "rewards"
+import { claimTextButtonTooltipLabel } from "rewards/SecretText/TextCardButton"
import { GuildPlatform } from "types"
import {
getRolePlatformStatus,
diff --git a/src/rewards/Poap/ShowMintLinkButton.tsx b/src/rewards/Poap/ShowMintLinkButton.tsx
index 0157746c59..56e4993c53 100644
--- a/src/rewards/Poap/ShowMintLinkButton.tsx
+++ b/src/rewards/Poap/ShowMintLinkButton.tsx
@@ -1,8 +1,8 @@
import { ButtonProps } from "@chakra-ui/react"
import { MintLinkModal } from "components/[guild]/claim-poap/components/MintLinkModal"
import Button from "components/common/Button"
-import useClaimText from "rewards/SecretText/hooks/useClaimText"
import { PropsWithChildren } from "react"
+import useClaimText from "rewards/SecretText/hooks/useClaimText"
import { Rest } from "types"
type ShowMintLinkButtonProps = { rolePlatformId: number } & ButtonProps & Rest
diff --git a/src/rewards/Points/usePointsCardProps.tsx b/src/rewards/Points/usePointsCardProps.tsx
index 19f2fbf278..e8f02685cd 100644
--- a/src/rewards/Points/usePointsCardProps.tsx
+++ b/src/rewards/Points/usePointsCardProps.tsx
@@ -1,8 +1,8 @@
import useDynamicRewardUserAmount from "rewards/Token/hooks/useDynamicRewardUserAmount"
+import { CardPropsHook } from "rewards/types"
import Star from "static/icons/star.svg"
import { GuildPlatformWithOptionalId } from "types"
import { useRolePlatform } from "../../components/[guild]/RolePlatforms/components/RolePlatformProvider"
-import { CardPropsHook } from "rewards/types"
const usePointsCardProps: CardPropsHook = (
guildPlatform: GuildPlatformWithOptionalId
diff --git a/src/rewards/PolygonID/components/MintableRole.tsx b/src/rewards/PolygonID/components/MintableRole.tsx
index 1471038f8f..05ca1c16a2 100644
--- a/src/rewards/PolygonID/components/MintableRole.tsx
+++ b/src/rewards/PolygonID/components/MintableRole.tsx
@@ -1,4 +1,3 @@
-import { env } from "env"
import {
Card,
HStack,
@@ -15,6 +14,7 @@ import useUser from "components/[guild]/hooks/useUser"
import Button from "components/common/Button"
import GuildLogo from "components/common/GuildLogo"
import { useRoleMembership } from "components/explorer/hooks/useMembership"
+import { env } from "env"
import useCustomPosthogEvents from "hooks/useCustomPosthogEvents"
import useShowErrorToast from "hooks/useShowErrorToast"
import { SignedValidation, useSubmitWithSign } from "hooks/useSubmit"
diff --git a/src/rewards/PolygonID/hooks/useClaimedRoles.ts b/src/rewards/PolygonID/hooks/useClaimedRoles.ts
index 212ddd04d6..4d88deb041 100644
--- a/src/rewards/PolygonID/hooks/useClaimedRoles.ts
+++ b/src/rewards/PolygonID/hooks/useClaimedRoles.ts
@@ -1,6 +1,6 @@
-import { env } from "env"
import useGuild from "components/[guild]/hooks/useGuild"
import useUser from "components/[guild]/hooks/useUser"
+import { env } from "env"
import useSWRImmutable from "swr/immutable"
const useClaimedRoles = () => {
diff --git a/src/rewards/PolygonID/hooks/useConnectedDID.ts b/src/rewards/PolygonID/hooks/useConnectedDID.ts
index b2439fcd66..08e3a44a9e 100644
--- a/src/rewards/PolygonID/hooks/useConnectedDID.ts
+++ b/src/rewards/PolygonID/hooks/useConnectedDID.ts
@@ -1,5 +1,5 @@
-import { env } from "env"
import useUser from "components/[guild]/hooks/useUser"
+import { env } from "env"
import useSWRImmutable from "swr/immutable"
const useConnectedDID = () => {
diff --git a/src/rewards/SecretText/SecretTextDataForm/components/PublicRewardDataForm.tsx b/src/rewards/SecretText/SecretTextDataForm/components/PublicRewardDataForm.tsx
index e957d062dd..94caf89d6b 100644
--- a/src/rewards/SecretText/SecretTextDataForm/components/PublicRewardDataForm.tsx
+++ b/src/rewards/SecretText/SecretTextDataForm/components/PublicRewardDataForm.tsx
@@ -1,9 +1,9 @@
import { Box, FormControl, FormLabel, HStack, Input } from "@chakra-ui/react"
import FormErrorMessage from "components/common/FormErrorMessage"
-import { UniqueTextRewardForm } from "rewards/UniqueText/UniqueTextDataForm"
import { useFormContext } from "react-hook-form"
-import RewardImagePicker from "./RewardImagePicker"
+import { UniqueTextRewardForm } from "rewards/UniqueText/UniqueTextDataForm"
import { SecretTextRewardForm } from "../types"
+import RewardImagePicker from "./RewardImagePicker"
const PublicRewardDataForm = ({ defaultIcon }) => {
const {
diff --git a/src/rewards/SecretText/hooks/useClaimText.tsx b/src/rewards/SecretText/hooks/useClaimText.tsx
index c7a6765779..0f119cb5e5 100644
--- a/src/rewards/SecretText/hooks/useClaimText.tsx
+++ b/src/rewards/SecretText/hooks/useClaimText.tsx
@@ -20,11 +20,11 @@ import useShowErrorToast from "hooks/useShowErrorToast"
import { SignedValidation, useSubmitWithSign } from "hooks/useSubmit"
import { PropsWithChildren } from "react"
import ReactMarkdown from "react-markdown"
+import remarkGfm from "remark-gfm"
import { useSWRConfig } from "swr"
import useSWRImmutable from "swr/immutable"
import fetcher from "utils/fetcher"
import { useClaimedReward } from "../../../hooks/useClaimedReward"
-import remarkGfm from "remark-gfm"
type ClaimResponse = {
uniqueValue: string
diff --git a/src/rewards/Token/FundPoolModal.tsx b/src/rewards/Token/FundPoolModal.tsx
index 71761caf3d..b10f94adc6 100644
--- a/src/rewards/Token/FundPoolModal.tsx
+++ b/src/rewards/Token/FundPoolModal.tsx
@@ -21,10 +21,10 @@ import useAllowance from "components/[guild]/Requirements/components/GuildChecko
import AllowanceButton from "components/[guild]/RolePlatforms/components/AddRoleRewardModal/components/AddTokenPanel/components/AllowanceButton"
import useIsBalanceSufficient from "components/[guild]/RolePlatforms/components/AddRoleRewardModal/components/AddTokenPanel/hooks/useIsBalanceSufficient"
import OptionImage from "components/common/StyledSelect/components/CustomSelectOption/components/OptionImage"
-import { useTokenRewardContext } from "rewards/Token/TokenRewardContext"
import { RefObject } from "react"
import { FormProvider, useForm, useWatch } from "react-hook-form"
import ControlledNumberInput from "requirements/WalletActivity/components/ControlledNumberInput"
+import { useTokenRewardContext } from "rewards/Token/TokenRewardContext"
import Token from "static/icons/token.svg"
import {
ERC20_CONTRACTS,
diff --git a/src/rewards/Token/TokenRewardCard.tsx b/src/rewards/Token/TokenRewardCard.tsx
index 4deeeb3029..a9caa247b7 100644
--- a/src/rewards/Token/TokenRewardCard.tsx
+++ b/src/rewards/Token/TokenRewardCard.tsx
@@ -5,8 +5,8 @@ import useGuildPermission from "components/[guild]/hooks/useGuildPermission"
import RewardCard from "components/common/RewardCard"
import useMembership from "components/explorer/hooks/useMembership"
import dynamic from "next/dynamic"
-import rewards from "rewards"
import { useMemo } from "react"
+import rewards from "rewards"
import { GuildPlatform } from "types"
import ClaimTokenButton from "./ClaimTokenButton"
import { TokenRewardProvider, useTokenRewardContext } from "./TokenRewardContext"
diff --git a/src/rewards/Token/WithdrawPoolModal.tsx b/src/rewards/Token/WithdrawPoolModal.tsx
index ec3a29402a..5a0ca2516a 100644
--- a/src/rewards/Token/WithdrawPoolModal.tsx
+++ b/src/rewards/Token/WithdrawPoolModal.tsx
@@ -17,8 +17,8 @@ import {
import SwitchNetworkButton from "components/[guild]/Requirements/components/GuildCheckout/components/buttons/SwitchNetworkButton"
import AllowanceButton from "components/[guild]/RolePlatforms/components/AddRoleRewardModal/components/AddTokenPanel/components/AllowanceButton"
import useToast from "hooks/useToast"
-import { useTokenRewardContext } from "rewards/Token/TokenRewardContext"
import { RefObject } from "react"
+import { useTokenRewardContext } from "rewards/Token/TokenRewardContext"
import { ERC20_CONTRACTS } from "utils/guildCheckout/constants"
import shortenHex from "utils/shortenHex"
import { formatUnits } from "viem"
diff --git a/src/rewards/UniqueText/components.ts b/src/rewards/UniqueText/components.ts
index 1844344ba7..54a7c32c5c 100644
--- a/src/rewards/UniqueText/components.ts
+++ b/src/rewards/UniqueText/components.ts
@@ -1,6 +1,6 @@
import dynamic from "next/dynamic"
-import LoadingRewardPreview from "rewards/components/LoadingRewardPreview"
import TextCardButton from "rewards/SecretText/TextCardButton"
+import LoadingRewardPreview from "rewards/components/LoadingRewardPreview"
import { RewardComponentsData } from "rewards/types"
import UniqueTextCardMenu from "./UniqueTextCardMenu"
import useUniqueTextCardProps from "./useUniqueTextCardProps"
diff --git a/src/rewards/components/GatherPreview.tsx b/src/rewards/components/GatherPreview.tsx
index e2e88d571a..ebca194751 100644
--- a/src/rewards/components/GatherPreview.tsx
+++ b/src/rewards/components/GatherPreview.tsx
@@ -1,5 +1,5 @@
-import rewards from "rewards"
import { useWatch } from "react-hook-form"
+import rewards from "rewards"
import RewardPreview from "./RewardPreview"
const GatherPreview = () => {
diff --git a/src/rewards/components/PoapPreview.tsx b/src/rewards/components/PoapPreview.tsx
index 95c816ca87..91255e495d 100644
--- a/src/rewards/components/PoapPreview.tsx
+++ b/src/rewards/components/PoapPreview.tsx
@@ -1,7 +1,7 @@
-import rewards from "rewards"
+import { PropsWithChildren } from "react"
import { useWatch } from "react-hook-form"
+import rewards from "rewards"
import RewardPreview from "./RewardPreview"
-import { PropsWithChildren } from "react"
const PoapPreview = ({ children }: PropsWithChildren): JSX.Element => {
const name = useWatch({
diff --git a/src/rewards/components/SecretTextPreview.tsx b/src/rewards/components/SecretTextPreview.tsx
index e5662816d5..3b0fd524e7 100644
--- a/src/rewards/components/SecretTextPreview.tsx
+++ b/src/rewards/components/SecretTextPreview.tsx
@@ -1,8 +1,8 @@
import { Circle, Icon, useColorModeValue } from "@chakra-ui/react"
+import { PropsWithChildren } from "react"
import { useWatch } from "react-hook-form"
import rewards from "rewards"
import RewardPreview from "./RewardPreview"
-import { PropsWithChildren } from "react"
const SecretTextPreview = ({ children }: PropsWithChildren): JSX.Element => {
const platformGuildData = useWatch({
diff --git a/src/rewards/components/TextReward.tsx b/src/rewards/components/TextReward.tsx
index 4515a0e942..02eac5f2c1 100644
--- a/src/rewards/components/TextReward.tsx
+++ b/src/rewards/components/TextReward.tsx
@@ -2,6 +2,8 @@ import { Icon, Spinner, Text, Tooltip } from "@chakra-ui/react"
import { ArrowSquareIn, LockSimple } from "@phosphor-icons/react"
import { useOpenJoinModal } from "components/[guild]/JoinModal/JoinModalProvider"
import { RewardIcon } from "components/[guild]/RoleCard/components/Reward"
+import { RewardDisplay } from "components/[guild]/RoleCard/components/RewardDisplay"
+import { RewardProps } from "components/[guild]/RoleCard/components/types"
import AvailabilityTags from "components/[guild]/RolePlatforms/components/PlatformCard/components/AvailabilityTags"
import useGuild from "components/[guild]/hooks/useGuild"
import Button from "components/common/Button"
@@ -18,8 +20,6 @@ import {
getRolePlatformTimeframeInfo,
} from "utils/rolePlatformHelpers"
import { useClaimedReward } from "../../hooks/useClaimedReward"
-import { RewardProps } from "components/[guild]/RoleCard/components/types"
-import { RewardDisplay } from "components/[guild]/RoleCard/components/RewardDisplay"
const SecretTextReward = ({ platform, withMotionImg }: RewardProps) => {
const { platformId, platformGuildData } = platform.guildPlatform
diff --git a/src/rewards/components/TokenPreview.tsx b/src/rewards/components/TokenPreview.tsx
index da6aed685c..a671ba0236 100644
--- a/src/rewards/components/TokenPreview.tsx
+++ b/src/rewards/components/TokenPreview.tsx
@@ -1,3 +1,4 @@
+import { PropsWithChildren } from "react"
import { useWatch } from "react-hook-form"
import {
TokenRewardProvider,
@@ -5,7 +6,6 @@ import {
} from "rewards/Token/TokenRewardContext"
import { GuildPlatform } from "types"
import RewardPreview from "./RewardPreview"
-import { PropsWithChildren } from "react"
const TokenPreview = ({ children }: PropsWithChildren): JSX.Element => {
const { token, imageUrl } = useTokenRewardContext()
diff --git a/src/rewards/components/TokenReward.tsx b/src/rewards/components/TokenReward.tsx
index c2bc97aff3..4167d1bd77 100644
--- a/src/rewards/components/TokenReward.tsx
+++ b/src/rewards/components/TokenReward.tsx
@@ -3,6 +3,8 @@ import { ArrowSquareIn, LockSimple } from "@phosphor-icons/react"
import { useOpenJoinModal } from "components/[guild]/JoinModal/JoinModalProvider"
import DynamicTag from "components/[guild]/RoleCard/components/DynamicReward/DynamicTag"
import { RewardIcon } from "components/[guild]/RoleCard/components/Reward"
+import { RewardDisplay } from "components/[guild]/RoleCard/components/RewardDisplay"
+import { RewardProps } from "components/[guild]/RoleCard/components/types"
import AvailabilityTags from "components/[guild]/RolePlatforms/components/PlatformCard/components/AvailabilityTags"
import useGuildPermission from "components/[guild]/hooks/useGuildPermission"
import Button from "components/common/Button"
@@ -24,8 +26,6 @@ import {
getRolePlatformStatus,
getRolePlatformTimeframeInfo,
} from "utils/rolePlatformHelpers"
-import { RewardProps } from "components/[guild]/RoleCard/components/types"
-import { RewardDisplay } from "components/[guild]/RoleCard/components/RewardDisplay"
const TokenReward = ({ rolePlatform }: { rolePlatform: RolePlatform }) => {
const { token } = useTokenRewardContext()
diff --git a/src/rewards/components/UniqueTextPreview.tsx b/src/rewards/components/UniqueTextPreview.tsx
index 1e0337264c..c6abbe2add 100644
--- a/src/rewards/components/UniqueTextPreview.tsx
+++ b/src/rewards/components/UniqueTextPreview.tsx
@@ -1,8 +1,8 @@
import { Circle, Icon, useColorModeValue } from "@chakra-ui/react"
+import { PropsWithChildren } from "react"
import { useWatch } from "react-hook-form"
import rewards from "rewards"
import RewardPreview from "./RewardPreview"
-import { PropsWithChildren } from "react"
const UniqueTextPreview = ({ children }: PropsWithChildren): JSX.Element => {
const platformGuildData = useWatch({
diff --git a/src/theme/components/input.ts b/src/theme/components/input.ts
index 2266ad7be8..25e3cc8b36 100644
--- a/src/theme/components/input.ts
+++ b/src/theme/components/input.ts
@@ -1,10 +1,10 @@
import { inputAnatomy as parts } from "@chakra-ui/anatomy"
import {
- createMultiStyleConfigHelpers,
- defineStyle,
PartsStyleFunction,
PartsStyleObject,
SystemStyleObject,
+ createMultiStyleConfigHelpers,
+ defineStyle,
} from "@chakra-ui/react"
import { mode } from "@chakra-ui/theme-tools"
diff --git a/src/theme/index.ts b/src/theme/index.ts
index 8dabcd4932..ec35f6cf19 100644
--- a/src/theme/index.ts
+++ b/src/theme/index.ts
@@ -1,4 +1,4 @@
-import { extendTheme, ThemeConfig } from "@chakra-ui/react"
+import { ThemeConfig, extendTheme } from "@chakra-ui/react"
import colors from "./colors"
import components from "./components"
import styles from "./styles"
diff --git a/src/types.ts b/src/types.ts
index ecba1219c5..d960ffe6b6 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -1,10 +1,10 @@
import {
FarcasterProfile,
Logic,
- schemas,
Schemas,
UserProfile,
Visibility,
+ schemas,
} from "@guildxyz/types"
import { FeatureFlag } from "components/[guild]/EditGuild/components/FeatureFlags"
import { ContractCallFunction } from "components/[guild]/RolePlatforms/components/AddRoleRewardModal/components/AddContractCallPanel/components/CreateNftForm/hooks/useCreateNft"
@@ -669,24 +669,24 @@ type SelectOption
+ {guilds?.slice(0, 8).map((guild) => (
+
+
+
+
- {guilds?.slice(0, 8).map((guild) => (
-
-
+ >
+ Manage roles
+
+ + Guild +
-
+
- {/* eslint-disable-next-line @next/next/no-img-element */}
-
-
-
-
- - Guild -
-
- Manage roles
-
-
- in your community
-
-
- based on tokens & NFTs
-
+ in your community
+
+ based on tokens & NFTs