-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
11 changed files
with
220 additions
and
72 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,46 @@ | ||
| 'use client' | ||
|
|
||
| import { useModal } from '@/hooks/useModal' | ||
| import { useEffect } from 'react' | ||
|
|
||
| const TermContent = () => { | ||
| return ( | ||
| <> | ||
| <p className="mb-4">Prezado usuário,</p> | ||
|
|
||
| <p className="mb-4"> | ||
| gostaríamos de informar que nosso site utiliza cookies e tecnologias | ||
| semelhantes do seu navegador para aprimorar sua experiência de navegação | ||
| e fornecer funcionalidades personalizadas. | ||
| </p> | ||
|
|
||
| <p className="mb-4"> | ||
| Os dados armazenados não contém informações pessoais sensíveis, como | ||
| nome, endereço ou alguma outra informação de indentificação. Nosso | ||
| compromisso com a privacidade é reforçado pela conformidade com a Lei | ||
| Geral de Proteção de Dados (LGPD), que garanta a proteção de suas | ||
| informações pessoais. | ||
| </p> | ||
|
|
||
| <p className="mb-4"> | ||
| Ao continuar navegando em nosso site, você está concordando com o uso | ||
| destas tecnologias. | ||
| </p> | ||
| </> | ||
| ) | ||
| } | ||
|
|
||
| export function Term() { | ||
| const { openModal } = useModal() | ||
|
|
||
| useEffect(() => { | ||
| openModal({ | ||
| content: <TermContent />, | ||
| title: 'Termos de uso', | ||
| closeBtnTitle: 'Aceito e continuar navegando', | ||
| }) | ||
| // eslint-disable-next-line react-hooks/exhaustive-deps | ||
| }, []) | ||
|
|
||
| return <></> | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,88 @@ | ||
| import { Callout } from '@tremor/react' | ||
| import { ReactNode } from 'react' | ||
|
|
||
| import { ExclamationCircleIcon } from '@heroicons/react/solid' | ||
|
|
||
| interface HelperContentProps { | ||
| formula?: string | ||
| children: ReactNode | ||
| } | ||
|
|
||
| export const HelperContent = ({ children, formula }: HelperContentProps) => { | ||
| return ( | ||
| <> | ||
| <div>{children}</div> | ||
| {formula && ( | ||
| <div className="border p-4 mt-4 bg-gray-100"> | ||
| <span className="font-semibold mr-2">Cálculo:</span> | ||
| {formula} | ||
| </div> | ||
| )} | ||
| </> | ||
| ) | ||
| } | ||
|
|
||
| export const HelperPVP = () => { | ||
| return ( | ||
| <HelperContent formula="Preço atual do ativo / Valor patrimonial da ação (VPA)"> | ||
| Essa métrica reflete o montante que o mercado está disposto a investir no | ||
| patrimônio da empresa. Quando é inferior a 1, sugere que a empresa está | ||
| sendo comercializada por um valor inferior ao seu valor patrimonial real. | ||
| </HelperContent> | ||
| ) | ||
| } | ||
|
|
||
| export const HelperDY = () => { | ||
| return ( | ||
| <HelperContent formula="Rendimentos pagos no período de 12 meses / Preço atual da ação"> | ||
| O Dividend Yield é uma métrica financeira que representa a porcentagem do | ||
| dividendo distribuídos pela empresa nos últimos 12 meses em relação ao seu | ||
| preço de mercado por ação. É usado por investidores para avaliar o retorno | ||
| de dividendos potencial de um investimento em ações. Quanto maior o | ||
| Dividend Yield, maior o potencial de renda gerada pelos dividendos. | ||
| </HelperContent> | ||
| ) | ||
| } | ||
|
|
||
| export const HelperLastDividend = () => { | ||
| return ( | ||
| <HelperContent formula="Rendimentos pagos no período de 12 meses / Preço atual da ação"> | ||
| Último redimento pago | ||
| </HelperContent> | ||
| ) | ||
| } | ||
|
|
||
| export const HelperSumDividends = () => { | ||
| return ( | ||
| <HelperContent> | ||
| Soma dos redimentos pagos dos últimos 12 meses | ||
| </HelperContent> | ||
| ) | ||
| } | ||
|
|
||
| export const HelperTicker = () => { | ||
| return ( | ||
| <HelperContent> | ||
| Nome do indetificador do ativo da empresa, também conhecido como papel, | ||
| symbol, ticker, ticket, etc... | ||
| </HelperContent> | ||
| ) | ||
| } | ||
|
|
||
| export const HelperPrice = () => { | ||
| return ( | ||
| <HelperContent> | ||
| Valor atual do ativo | ||
| <Callout | ||
| title="Aviso Importante:" | ||
| color="yellow" | ||
| icon={ExclamationCircleIcon} | ||
| className="mt-4" | ||
| > | ||
| Por favor, esteja ciente de que os preços das ações exibidos podem ter | ||
| um atraso de até 15 minutos. Recomendamos consultar fontes financeiras | ||
| em tempo real para informações atualizadas. | ||
| </Callout> | ||
| </HelperContent> | ||
| ) | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.