Skip to content
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 16 additions & 0 deletions apps/insights/src/components/PriceFeeds/index.module.scss
Original file line number Diff line number Diff line change
Expand Up @@ -86,4 +86,20 @@
@include theme.max-width;
}
}

.trademarkDisclaimerSection {
margin-top: theme.spacing(6);
width: 100%;

@include theme.max-width;

.trademarkDisclaimerContent {
padding: theme.spacing(4);
display: flex;
flex-flow: column nowrap;
gap: theme.spacing(4);
color: theme.color("text");
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please use "foreground" as the color token here instead of "text"

font-size: theme.font-size("sm");
}
}
}
21 changes: 21 additions & 0 deletions apps/insights/src/components/PriceFeeds/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -124,6 +124,27 @@ export const PriceFeeds = async () => {
/>
</UnstyledTabPanel>
</UnstyledTabs>
<div className={styles.trademarkDisclaimerSection}>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We don't need a div wrapping the card, just pass the styles.trademarkDisclaimerSection class to the className prop in the Card component.

While you're at it, please rename styles.trademarkDisclaimerSection to styles.trademarkDisclaimerCard

<Card variant="tertiary" title="Trademark Disclaimer">
<div className={styles.trademarkDisclaimerContent}>
<p>
The Pyth Network name, logo, and all related names, logos, product
and service names, designs, and slogans are trademarks of the Pyth
Data Association or its affiliates or licensors.
</p>
<p>
<Button
variant="outline"
size="sm"
href="https://www.pyth.network/trademark-disclaimer"
target="_blank"
>
View Full Disclaimer
</Button>
</p>
</div>
</Card>
</div>
</div>
);
};
Expand Down
6 changes: 6 additions & 0 deletions apps/insights/src/components/Root/footer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -47,6 +47,12 @@ export const Footer = () => (
<Link href="https://www.pyth.network/terms-of-use" target="_blank">
Terms of Use
</Link>
<Link
href="https://www.pyth.network/trademark-disclaimer"
target="_blank"
>
Trademark Disclaimer
</Link>
</div>
</div>
</footer>
Expand Down
Loading