Merge pull request #1687 from galacticcouncil/add-badge

Add badge
galacticcouncil · Oct 1, 2024 · 1fdc604 · 1fdc604
2 parents e982fed + c78b515
commit 1fdc604
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 0 deletions.
diff --git a/src/sections/pools/stablepool/components/PathOption.tsx b/src/sections/pools/stablepool/components/PathOption.tsx
@@ -5,6 +5,8 @@ import { theme } from "theme"
 import { Text } from "components/Typography/Text/Text"
 import { SBlock } from "./PathOption.styled"
 import { CheckBox } from "./CheckBox"
+import { Badge } from "components/Badge/Badge"
+import { useTranslation } from "react-i18next"
 
 type Props = {
   selected: boolean
@@ -14,6 +16,7 @@ type Props = {
   subheading?: string
   icon: ReactNode
   disabled?: boolean
+  isFarms?: boolean
 }
 
 export const PathOption = ({
@@ -24,7 +27,10 @@ export const PathOption = ({
   subheading,
   icon,
   disabled,
+  isFarms,
 }: Props) => {
+  const { t } = useTranslation()
+
   const color = disabled ? "whiteish500" : "white"
 
   return (
@@ -37,6 +43,9 @@ export const PathOption = ({
           <Heading fs={15} lh={20} fw={500} color={color}>
             {heading}
           </Heading>
+          {isFarms && (
+            <Badge>{t("farms.modal.joinedFarms.available.label")}</Badge>
+          )}
         </div>
         <CheckBox disabled={disabled} selected={selected} />
       </div>

diff --git a/src/sections/pools/stablepool/transfer/TransferModal.tsx b/src/sections/pools/stablepool/transfer/TransferModal.tsx
@@ -293,6 +293,7 @@ export const TransferModal = ({ onClose, defaultPage, farms }: Props) => {
                 <TransferOptions
                   disableOmnipool={!canAddLiquidity}
                   onSelect={setSelectedOption}
+                  farms={farms}
                   selected={selectedOption}
                 />
                 <Button

diff --git a/src/sections/pools/stablepool/transfer/TransferOptions.tsx b/src/sections/pools/stablepool/transfer/TransferOptions.tsx
@@ -4,19 +4,22 @@ import { PathOption } from "sections/pools/stablepool/components/PathOption"
 import { ListItem } from "sections/pools/stablepool/components/ListItem"
 import { useTranslation } from "react-i18next"
 import { Text } from "components/Typography/Text/Text"
+import { Farm } from "api/farms"
 
 export type Option = "OMNIPOOL" | "STABLEPOOL"
 
 type Props = {
   selected: Option
   onSelect: (selected: Option) => void
   disableOmnipool?: boolean
+  farms: Farm[]
 }
 
 export const TransferOptions = ({
   selected,
   onSelect,
   disableOmnipool,
+  farms,
 }: Props) => {
   const { t } = useTranslation()
   return (
@@ -28,6 +31,7 @@ export const TransferOptions = ({
         subheading={t("liquidity.stablepool.add.benefits")}
         icon={<WaterRippleIcon />}
         disabled={disableOmnipool}
+        isFarms={!!farms.length}
       >
         <ListItem>
           {t("liquidity.stablepool.add.stablepoolAndOmnipool.benefit1")}