Docker/Maybe
Docker/Maybe
1
0
Fork 0
mirror of https://github.com/maybe-finance/maybe.git synced 2025-08-09 07:25:19 +02:00
Code Issues Releases Activity Actions

Remove dead Maybe.co links from sidebar resources

Browse source 
Removes from the sidebar the Resources/Learn More links to Maybe.co resources that are no longer available.

It would be spectacular for these to return in some form someday, but for now they are gone.
This commit is contained in:
noonfyi 2024-01-20 12:29:12 -05:00
parent 77e7e3dc2b
commit 2193c89a61
14 changed files with 16 additions and 322 deletions
Download patch file Download diff file Expand all files Collapse all files

23
libs/client/features/src/insights/explainers/investments/AverageReturn.tsx
View file

@ -1,20 +1,13 @@
import { IndexTabs } from '@maybe-finance/design-system'
import { useRef } from 'react'
import { RiArticleLine } from 'react-icons/ri'
import {
ExplainerExternalLink,
ExplainerInfoBlock,
ExplainerSection,
ExplainerPerformanceBlock,
} from '@maybe-finance/client/shared'
import { ExplainerInfoBlock, ExplainerSection } from '@maybe-finance/client/shared'
export function AverageReturn(): JSX.Element {
const scrollContainer = useRef<HTMLDivElement>(null)
const definition = useRef<HTMLDivElement>(null)
const howAreWeGettingThisValue = useRef<HTMLDivElement>(null)
const learnMore = useRef<HTMLDivElement>(null)
return (
<div className="flex flex-col w-full h-full">
@ -28,10 +21,6 @@ export function AverageReturn(): JSX.Element {
name: 'How are we getting this value?',
elementRef: howAreWeGettingThisValue,
},
{
name: 'Learn more',
elementRef: learnMore,
},
]}
/>
</div>
@ -61,16 +50,6 @@ export function AverageReturn(): JSX.Element {
</a>{' '}
method to calculate this from your holding and transaction data.
</ExplainerSection>
<ExplainerSection title="Learn more" ref={learnMore}>
<ExplainerExternalLink
icon={RiArticleLine}
href="https://maybe.co/articles/equities-as-an-asset-class"
>
Article from the Maybe blog on making equity investing part of your
portfolio
</ExplainerExternalLink>
</ExplainerSection>
</div>
</div>
)

22
libs/client/features/src/insights/explainers/investments/Contributions.tsx
View file

@ -1,18 +1,12 @@
import { IndexTabs } from '@maybe-finance/design-system'
import { useRef } from 'react'
import { RiArticleLine } from 'react-icons/ri'
import {
ExplainerExternalLink,
ExplainerInfoBlock,
ExplainerSection,
} from '@maybe-finance/client/shared'
import { ExplainerInfoBlock, ExplainerSection } from '@maybe-finance/client/shared'
export function Contributions(): JSX.Element {
const scrollContainer = useRef<HTMLDivElement>(null)
const definition = useRef<HTMLDivElement>(null)
const howAreWeGettingThisValue = useRef<HTMLDivElement>(null)
const learnMore = useRef<HTMLDivElement>(null)
return (
<div className="flex flex-col w-full h-full">
@ -26,10 +20,6 @@ export function Contributions(): JSX.Element {
name: 'How are we getting this value?',
elementRef: howAreWeGettingThisValue,
},
{
name: 'Learn more',
elementRef: learnMore,
},
]}
/>
</div>
@ -52,16 +42,6 @@ export function Contributions(): JSX.Element {
<span className="font-mono italic">Total Deposits - Total Withdrawals</span>
</ExplainerInfoBlock>
</ExplainerSection>
<ExplainerSection title="Learn more" ref={learnMore}>
<ExplainerExternalLink
icon={RiArticleLine}
href="https://maybe.co/articles/equities-as-an-asset-class"
>
Article from the Maybe blog on making equity investing part of your
portfolio
</ExplainerExternalLink>
</ExplainerSection>
</div>
</div>
)

22
libs/client/features/src/insights/explainers/investments/PotentialGainLoss.tsx
View file

@ -1,18 +1,12 @@
import { IndexTabs } from '@maybe-finance/design-system'
import { useRef } from 'react'
import { RiArticleLine } from 'react-icons/ri'
import {
ExplainerExternalLink,
ExplainerInfoBlock,
ExplainerSection,
} from '@maybe-finance/client/shared'
import { ExplainerInfoBlock, ExplainerSection } from '@maybe-finance/client/shared'
export function PotentialGainLoss(): JSX.Element {
const scrollContainer = useRef<HTMLDivElement>(null)
const definition = useRef<HTMLDivElement>(null)
const howAreWeGettingThisValue = useRef<HTMLDivElement>(null)
const learnMore = useRef<HTMLDivElement>(null)
return (
<div className="flex flex-col w-full h-full">
@ -26,10 +20,6 @@ export function PotentialGainLoss(): JSX.Element {
name: 'How are we getting this value?',
elementRef: howAreWeGettingThisValue,
},
{
name: 'Learn more',
elementRef: learnMore,
},
]}
/>
</div>
@ -52,16 +42,6 @@ export function PotentialGainLoss(): JSX.Element {
<span className="font-mono italic">Total value - total cost basis</span>
</ExplainerInfoBlock>
</ExplainerSection>
<ExplainerSection title="Learn more" ref={learnMore}>
<ExplainerExternalLink
icon={RiArticleLine}
href="https://maybe.co/articles/equities-as-an-asset-class"
>
Article from the Maybe blog on making equity investing part of your
portfolio
</ExplainerExternalLink>
</ExplainerSection>
</div>
</div>
)

28
libs/client/features/src/insights/explainers/investments/SectorAllocation.tsx
View file

@ -1,18 +1,12 @@
import { IndexTabs } from '@maybe-finance/design-system'
import { useRef } from 'react'
import { RiArticleLine, RiMicLine } from 'react-icons/ri'
import {
ExplainerExternalLink,
ExplainerInfoBlock,
ExplainerSection,
} from '@maybe-finance/client/shared'
import { ExplainerInfoBlock, ExplainerSection } from '@maybe-finance/client/shared'
export function SectorAllocation(): JSX.Element {
const scrollContainer = useRef<HTMLDivElement>(null)
const definition = useRef<HTMLDivElement>(null)
const howAreWeGettingThisValue = useRef<HTMLDivElement>(null)
const learnMore = useRef<HTMLDivElement>(null)
return (
<div className="flex flex-col w-full h-full">
@ -26,10 +20,6 @@ export function SectorAllocation(): JSX.Element {
name: 'How are we getting this value?',
elementRef: howAreWeGettingThisValue,
},
{
name: 'Learn more',
elementRef: learnMore,
},
]}
/>
</div>
@ -57,22 +47,6 @@ export function SectorAllocation(): JSX.Element {
</span>
</ExplainerInfoBlock>
</ExplainerSection>
<ExplainerSection title="Learn more" ref={learnMore}>
<ExplainerExternalLink
icon={RiArticleLine}
href="https://maybe.co/articles/equities-as-an-asset-class"
>
Article from the Maybe blog on making equity investing part of your
portfolio
</ExplainerExternalLink>
<ExplainerExternalLink
icon={RiMicLine}
href="https://maybe.co/podcast/11-how-can-i-match-my-investment-retirement-portfolio-with-my-risk-tolerance"
>
Podcast episode on matching your portfolio with your risk tolerance
</ExplainerExternalLink>
</ExplainerSection>
</div>
</div>
)

22
libs/client/features/src/insights/explainers/investments/TotalFees.tsx
View file

@ -1,18 +1,12 @@
import { IndexTabs } from '@maybe-finance/design-system'
import { useRef } from 'react'
import { RiArticleLine } from 'react-icons/ri'
import {
ExplainerExternalLink,
ExplainerInfoBlock,
ExplainerSection,
} from '@maybe-finance/client/shared'
import { ExplainerInfoBlock, ExplainerSection } from '@maybe-finance/client/shared'
export function TotalFees(): JSX.Element {
const scrollContainer = useRef<HTMLDivElement>(null)
const definition = useRef<HTMLDivElement>(null)
const howAreWeGettingThisValue = useRef<HTMLDivElement>(null)
const learnMore = useRef<HTMLDivElement>(null)
return (
<div className="flex flex-col w-full h-full">
@ -26,10 +20,6 @@ export function TotalFees(): JSX.Element {
name: 'How are we getting this value?',
elementRef: howAreWeGettingThisValue,
},
{
name: 'Learn more',
elementRef: learnMore,
},
]}
/>
</div>
@ -53,16 +43,6 @@ export function TotalFees(): JSX.Element {
<span className="font-mono italic">Total fees paid to brokerage</span>
</ExplainerInfoBlock>
</ExplainerSection>
<ExplainerSection title="Learn more" ref={learnMore}>
<ExplainerExternalLink
icon={RiArticleLine}
href="https://maybe.co/articles/equities-as-an-asset-class"
>
Article from the Maybe blog on making equity investing part of your
portfolio
</ExplainerExternalLink>
</ExplainerSection>
</div>
</div>
)

33
libs/client/features/src/insights/explainers/net-worth/BadDebt.tsx
View file

@ -1,12 +1,7 @@
import { IndexTabs } from '@maybe-finance/design-system'
import type { ReactNode } from 'react'
import { useRef } from 'react'
import { RiArticleLine, RiMicLine } from 'react-icons/ri'
import {
ExplainerExternalLink,
ExplainerInfoBlock,
ExplainerSection,
} from '@maybe-finance/client/shared'
import { ExplainerInfoBlock, ExplainerSection } from '@maybe-finance/client/shared'
const Em = ({ children }: { children: ReactNode }) => (
<em className="not-italic text-gray-25">{children}</em>
@ -17,7 +12,6 @@ export function BadDebt(): JSX.Element {
const definition = useRef<HTMLDivElement>(null)
const howAreWeGettingThisValue = useRef<HTMLDivElement>(null)
const resources = useRef<HTMLDivElement>(null)
return (
<div className="flex flex-col w-full h-full">
@ -31,10 +25,6 @@ export function BadDebt(): JSX.Element {
name: 'How are we getting this value?',
elementRef: howAreWeGettingThisValue,
},
{
name: 'Resources',
elementRef: resources,
},
]}
/>
</div>
@ -59,27 +49,6 @@ export function BadDebt(): JSX.Element {
</span>
</ExplainerInfoBlock>
</ExplainerSection>
<ExplainerSection title="Resources" ref={resources}>
<ExplainerExternalLink
icon={RiMicLine}
href="https://maybe.co/podcast/6-should-you-invest-more-or-pay-off-debt"
>
Podcast episode on investing vs. paying debt
</ExplainerExternalLink>
<ExplainerExternalLink
icon={RiArticleLine}
href="https://maybe.co/articles/ask-the-advisor-invest-more-or-pay-off-debt"
>
Article from the Maybe blog on investing vs. paying debt
</ExplainerExternalLink>
<ExplainerExternalLink
icon={RiArticleLine}
href="https://maybe.co/articles/asset-allocation-and-how-to-use-it-to-reach-your-financial-goals"
>
Article from the Maybe blog on asset allocation
</ExplainerExternalLink>
</ExplainerSection>
</div>
</div>
)

33
libs/client/features/src/insights/explainers/net-worth/GoodDebt.tsx
View file

@ -1,12 +1,7 @@
import { IndexTabs } from '@maybe-finance/design-system'
import type { ReactNode } from 'react'
import { useRef } from 'react'
import { RiArticleLine, RiMicLine } from 'react-icons/ri'
import {
ExplainerExternalLink,
ExplainerInfoBlock,
ExplainerSection,
} from '@maybe-finance/client/shared'
import { ExplainerInfoBlock, ExplainerSection } from '@maybe-finance/client/shared'
const Em = ({ children }: { children: ReactNode }) => (
<em className="not-italic text-gray-25">{children}</em>
@ -17,7 +12,6 @@ export function GoodDebt(): JSX.Element {
const definition = useRef<HTMLDivElement>(null)
const howAreWeGettingThisValue = useRef<HTMLDivElement>(null)
const resources = useRef<HTMLDivElement>(null)
return (
<div className="flex flex-col w-full h-full">
@ -31,10 +25,6 @@ export function GoodDebt(): JSX.Element {
name: 'How are we getting this value?',
elementRef: howAreWeGettingThisValue,
},
{
name: 'Resources',
elementRef: resources,
},
]}
/>
</div>
@ -60,27 +50,6 @@ export function GoodDebt(): JSX.Element {
</span>
</ExplainerInfoBlock>
</ExplainerSection>
<ExplainerSection title="Resources" ref={resources}>
<ExplainerExternalLink
icon={RiMicLine}
href="https://maybe.co/podcast/6-should-you-invest-more-or-pay-off-debt"
>
Podcast episode on investing vs. paying debt
</ExplainerExternalLink>
<ExplainerExternalLink
icon={RiArticleLine}
href="https://maybe.co/articles/ask-the-advisor-invest-more-or-pay-off-debt"
>
Article from the Maybe blog on investing vs. paying debt
</ExplainerExternalLink>
<ExplainerExternalLink
icon={RiArticleLine}
href="https://maybe.co/articles/asset-allocation-and-how-to-use-it-to-reach-your-financial-goals"
>
Article from the Maybe blog on asset allocation
</ExplainerExternalLink>
</ExplainerSection>
</div>
</div>
)

21
libs/client/features/src/insights/explainers/net-worth/IlliquidAssets.tsx
View file

@ -1,12 +1,7 @@
import { IndexTabs } from '@maybe-finance/design-system'
import type { ReactNode } from 'react'
import { useRef } from 'react'
import { RiArticleLine } from 'react-icons/ri'
import {
ExplainerExternalLink,
ExplainerInfoBlock,
ExplainerSection,
} from '@maybe-finance/client/shared'
import { ExplainerInfoBlock, ExplainerSection } from '@maybe-finance/client/shared'
const Em = ({ children }: { children: ReactNode }) => (
<em className="not-italic text-gray-25">{children}</em>
@ -17,7 +12,6 @@ export function IlliquidAssets(): JSX.Element {
const definition = useRef<HTMLDivElement>(null)
const howAreWeGettingThisValue = useRef<HTMLDivElement>(null)
const resources = useRef<HTMLDivElement>(null)
return (
<div className="flex flex-col w-full h-full">
@ -31,10 +25,6 @@ export function IlliquidAssets(): JSX.Element {
name: 'How are we getting this value?',
elementRef: howAreWeGettingThisValue,
},
{
name: 'Resources',
elementRef: resources,
},
]}
/>
</div>
@ -57,15 +47,6 @@ export function IlliquidAssets(): JSX.Element {
<span className="font-mono italic">Asset type = property</span>
</ExplainerInfoBlock>
</ExplainerSection>
<ExplainerSection title="Resources" ref={resources}>
<ExplainerExternalLink
icon={RiArticleLine}
href="https://maybe.co/articles/asset-allocation-and-how-to-use-it-to-reach-your-financial-goals"
>
Article from the Maybe blog on asset allocation
</ExplainerExternalLink>
</ExplainerSection>
</div>
</div>
)

22
libs/client/features/src/insights/explainers/net-worth/IncomePayingDebt.tsx
View file

@ -3,11 +3,9 @@ import Link from 'next/link'
import type { ReactNode } from 'react'
import { useState } from 'react'
import { useRef } from 'react'
import { RiArticleLine, RiMicLine } from 'react-icons/ri'
import type { InsightState } from '../../'
import { InsightStateNames, InsightStateColors } from '../../'
import {
ExplainerExternalLink,
ExplainerInfoBlock,
ExplainerSection,
ExplainerPerformanceBlock,
@ -24,7 +22,6 @@ export function IncomePayingDebt({ defaultState }: { defaultState: InsightState
const howAreWeGettingThisValue = useRef<HTMLDivElement>(null)
const whyYouShouldCare = useRef<HTMLDivElement>(null)
const incorrectData = useRef<HTMLDivElement>(null)
const learnMore = useRef<HTMLDivElement>(null)
const [performance, setPerformance] = useState<InsightState>(defaultState)
@ -48,10 +45,6 @@ export function IncomePayingDebt({ defaultState }: { defaultState: InsightState
name: 'Incorrect data?',
elementRef: incorrectData,
},
{
name: 'Learn more',
elementRef: learnMore,
},
]}
/>
</div>
@ -167,21 +160,6 @@ export function IncomePayingDebt({ defaultState }: { defaultState: InsightState
</li>
</ul>
</ExplainerSection>
<ExplainerSection title="Learn more" ref={learnMore}>
<ExplainerExternalLink
icon={RiMicLine}
href="https://maybe.co/podcast/6-should-you-invest-more-or-pay-off-debt"
>
Podcast episode on investing vs. paying debt
</ExplainerExternalLink>
<ExplainerExternalLink
icon={RiArticleLine}
href="https://maybe.co/articles/ask-the-advisor-invest-more-or-pay-off-debt"
>
Article from the Maybe blog on investing vs. paying debt
</ExplainerExternalLink>
</ExplainerSection>
</div>
</div>
)

21
libs/client/features/src/insights/explainers/net-worth/LiquidAssets.tsx
View file

@ -1,12 +1,7 @@
import { IndexTabs } from '@maybe-finance/design-system'
import type { ReactNode } from 'react'
import { useRef } from 'react'
import { RiArticleLine } from 'react-icons/ri'
import {
ExplainerExternalLink,
ExplainerInfoBlock,
ExplainerSection,
} from '@maybe-finance/client/shared'
import { ExplainerInfoBlock, ExplainerSection } from '@maybe-finance/client/shared'
const Em = ({ children }: { children: ReactNode }) => (
<em className="not-italic text-gray-25">{children}</em>
@ -17,7 +12,6 @@ export function LiquidAssets(): JSX.Element {
const definition = useRef<HTMLDivElement>(null)
const howAreWeGettingThisValue = useRef<HTMLDivElement>(null)
const resources = useRef<HTMLDivElement>(null)
return (
<div className="flex flex-col w-full h-full">
@ -31,10 +25,6 @@ export function LiquidAssets(): JSX.Element {
name: 'How are we getting this value?',
elementRef: howAreWeGettingThisValue,
},
{
name: 'Resources',
elementRef: resources,
},
]}
/>
</div>
@ -57,15 +47,6 @@ export function LiquidAssets(): JSX.Element {
<span className="font-mono italic">Asset type = cash</span>
</ExplainerInfoBlock>
</ExplainerSection>
<ExplainerSection title="Resources" ref={resources}>
<ExplainerExternalLink
icon={RiArticleLine}
href="https://maybe.co/articles/asset-allocation-and-how-to-use-it-to-reach-your-financial-goals"
>
Article from the Maybe blog on asset allocation
</ExplainerExternalLink>
</ExplainerSection>
</div>
</div>
)

21
libs/client/features/src/insights/explainers/net-worth/NetWorthTrend.tsx
View file

@ -3,9 +3,8 @@ import classNames from 'classnames'
import Link from 'next/link'
import type { ReactNode } from 'react'
import { useRef } from 'react'
import { RiArrowRightDownLine, RiArrowRightUpLine, RiArticleLine } from 'react-icons/ri'
import { RiArrowRightDownLine, RiArrowRightUpLine } from 'react-icons/ri'
import {
ExplainerExternalLink,
ExplainerInfoBlock,
ExplainerSection,
ExplainerPerformanceBlock,
@ -22,7 +21,6 @@ export function NetWorthTrend(): JSX.Element {
const howAreWeGettingThisValue = useRef<HTMLDivElement>(null)
const whyYouShouldCare = useRef<HTMLDivElement>(null)
const incorrectData = useRef<HTMLDivElement>(null)
const learnMore = useRef<HTMLDivElement>(null)
return (
<div className="flex flex-col w-full h-full">
@ -44,10 +42,10 @@ export function NetWorthTrend(): JSX.Element {
name: 'Incorrect data?',
elementRef: incorrectData,
},
{
name: 'Learn more',
elementRef: learnMore,
},
// {
// name: 'Learn more',
// elementRef: learnMore,
// },
]}
/>
</div>
@ -153,15 +151,6 @@ export function NetWorthTrend(): JSX.Element {
</li>
</ul>
</ExplainerSection>
<ExplainerSection title="Learn more" ref={learnMore}>
<ExplainerExternalLink
icon={RiArticleLine}
href="https://maybe.co/articles/the-complete-guide-to-managing-and-optimizing-your-expenses"
>
Article from the Maybe blog on expenses
</ExplainerExternalLink>
</ExplainerSection>
</div>
</div>
)

22
libs/client/features/src/insights/explainers/net-worth/SafetyNet.tsx
View file

@ -3,11 +3,9 @@ import Link from 'next/link'
import type { ReactNode } from 'react'
import { useState } from 'react'
import { useRef } from 'react'
import { RiArticleLine, RiMicLine } from 'react-icons/ri'
import type { InsightState } from '../../'
import { InsightStateNames, InsightStateColors } from '../../'
import {
ExplainerExternalLink,
ExplainerInfoBlock,
ExplainerSection,
ExplainerPerformanceBlock,
@ -24,7 +22,6 @@ export function SafetyNet({ defaultState }: { defaultState: InsightState }): JSX
const howAreWeGettingThisValue = useRef<HTMLDivElement>(null)
const whyYouShouldCare = useRef<HTMLDivElement>(null)
const incorrectData = useRef<HTMLDivElement>(null)
const learnMore = useRef<HTMLDivElement>(null)
const [performance, setPerformance] = useState<InsightState>(defaultState)
@ -48,10 +45,6 @@ export function SafetyNet({ defaultState }: { defaultState: InsightState }): JSX
name: 'Incorrect data?',
elementRef: incorrectData,
},
{
name: 'Learn more',
elementRef: learnMore,
},
]}
/>
</div>
@ -175,21 +168,6 @@ export function SafetyNet({ defaultState }: { defaultState: InsightState }): JSX
</li>
</ul>
</ExplainerSection>
<ExplainerSection title="Learn more" ref={learnMore}>
<ExplainerExternalLink
icon={RiMicLine}
href="https://maybe.co/podcast/4-how-much-cash-should-you-have-on-hand"
>
Podcast episode on safety net
</ExplainerExternalLink>
<ExplainerExternalLink
icon={RiArticleLine}
href="https://maybe.co/articles/ask-the-advisor-invest-more-or-pay-off-debt-cash-on-hand"
>
Article from the Maybe blog on safety net
</ExplainerExternalLink>
</ExplainerSection>
</div>
</div>
)

27
libs/client/features/src/insights/explainers/net-worth/TotalDebtRatio.tsx
View file

@ -1,12 +1,7 @@
import { IndexTabs } from '@maybe-finance/design-system'
import type { ReactNode } from 'react'
import { useRef } from 'react'
import { RiArticleLine, RiMicLine } from 'react-icons/ri'
import {
ExplainerExternalLink,
ExplainerInfoBlock,
ExplainerSection,
} from '@maybe-finance/client/shared'
import { ExplainerInfoBlock, ExplainerSection } from '@maybe-finance/client/shared'
const Em = ({ children }: { children: ReactNode }) => (
<em className="not-italic text-gray-25">{children}</em>
@ -17,7 +12,6 @@ export function TotalDebtRatio(): JSX.Element {
const definition = useRef<HTMLDivElement>(null)
const howAreWeGettingThisValue = useRef<HTMLDivElement>(null)
const resources = useRef<HTMLDivElement>(null)
return (
<div className="flex flex-col w-full h-full">
@ -31,10 +25,6 @@ export function TotalDebtRatio(): JSX.Element {
name: 'How are we getting this value?',
elementRef: howAreWeGettingThisValue,
},
{
name: 'Resources',
elementRef: resources,
},
]}
/>
</div>
@ -60,21 +50,6 @@ export function TotalDebtRatio(): JSX.Element {
<span className="font-mono italic">Liabilities &divide; Assets</span>
</ExplainerInfoBlock>
</ExplainerSection>
<ExplainerSection title="Resources" ref={resources}>
<ExplainerExternalLink
icon={RiMicLine}
href="https://maybe.co/podcast/6-should-you-invest-more-or-pay-off-debt"
>
Podcast episode on investing vs. paying debt
</ExplainerExternalLink>
<ExplainerExternalLink
icon={RiArticleLine}
href="https://maybe.co/articles/ask-the-advisor-invest-more-or-pay-off-debt"
>
Article from the Maybe blog on investing vs. paying debt
</ExplainerExternalLink>
</ExplainerSection>
</div>
</div>
)

21
libs/client/features/src/insights/explainers/net-worth/YieldingAssets.tsx
View file

@ -1,12 +1,7 @@
import { IndexTabs } from '@maybe-finance/design-system'
import type { ReactNode } from 'react'
import { useRef } from 'react'
import { RiArticleLine } from 'react-icons/ri'
import {
ExplainerExternalLink,
ExplainerInfoBlock,
ExplainerSection,
} from '@maybe-finance/client/shared'
import { ExplainerInfoBlock, ExplainerSection } from '@maybe-finance/client/shared'
const Em = ({ children }: { children: ReactNode }) => (
<em className="not-italic text-gray-25">{children}</em>
@ -17,7 +12,6 @@ export function YieldingAssets(): JSX.Element {
const definition = useRef<HTMLDivElement>(null)
const howAreWeGettingThisValue = useRef<HTMLDivElement>(null)
const resources = useRef<HTMLDivElement>(null)
return (
<div className="flex flex-col w-full h-full">
@ -31,10 +25,6 @@ export function YieldingAssets(): JSX.Element {
name: 'How are we getting this value?',
elementRef: howAreWeGettingThisValue,
},
{
name: 'Resources',
elementRef: resources,
},
]}
/>
</div>
@ -59,15 +49,6 @@ export function YieldingAssets(): JSX.Element {
</span>
</ExplainerInfoBlock>
</ExplainerSection>
<ExplainerSection title="Resources" ref={resources}>
<ExplainerExternalLink
icon={RiArticleLine}
href="https://maybe.co/articles/asset-allocation-and-how-to-use-it-to-reach-your-financial-goals"
>
Article from the Maybe blog on asset allocation
</ExplainerExternalLink>
</ExplainerSection>
</div>
</div>
)