mirror of
https://github.com/luxfi/explore.git
synced 2026-10-30 16:57:53 +00:00
zeekay
284d506593
- Add Sign in button to TopBar with OIDC flow to lux.id - Merge settings (color theme, identicon, address format) into user menu popover - Remove duplicate user profile from HeroBanner - Full-width stacked blocks/transactions layout on homepage - Fix P-chain stats: CSP connect-src allows base origin for SDK calls - Fix connected count: infer from uptime when field missing - Fix dark mode popover background - Enable OIDC in .env.production (lux.id, client: explore)
28 lines
961 B
TypeScript
28 lines
961 B
TypeScript
import React from 'react';
|
|
|
|
import config from 'configs/app';
|
|
import RewardsButton from 'ui/rewards/RewardsButton';
|
|
|
|
export const BACKGROUND_DEFAULT = 'var(--color-whiteAlpha-50)';
|
|
|
|
const HeroBanner = () => {
|
|
return (
|
|
<div className="w-full rounded-lg px-4 py-3 lg:px-6 lg:py-4 flex items-center border border-[var(--color-border-divider)] bg-[var(--color-stats-bg)]">
|
|
<div className="grow">
|
|
<div className="flex justify-between items-center gap-x-2">
|
|
<span className="text-sm lg:text-base font-semibold tracking-wide uppercase text-[var(--color-text-secondary)]">
|
|
{ config.chain.name }
|
|
</span>
|
|
{ config.UI.navigation.layout === 'vertical' && config.features.rewards.isEnabled && (
|
|
<div className="hidden lg:flex gap-2">
|
|
<RewardsButton variant="hero"/>
|
|
</div>
|
|
) }
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default React.memo(HeroBanner);
|