mirror of
https://github.com/logos-storage/metrics.git
synced 2026-01-02 21:43:07 +00:00
adding testnet banner image and making modal responsive
This commit is contained in:
Kumaraguru
parent
46a7416fa3
commit
05e7f9f3da
@ -31,7 +31,7 @@ const DialogContent = React.forwardRef(({ className, children, ...props }, ref)
|
||||
<DialogPrimitive.Content
|
||||
ref={ref}
|
||||
className={cn(
|
||||
"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-800 bg-neutral-900 p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg",
|
||||
"fixed left-[50%] top-[50%] z-50 grid w-[calc(100%-32px)] max-h-[85vh] translate-x-[-50%] translate-y-[-50%] overflow-y-auto gap-4 border border-neutral-800 bg-neutral-900 p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg sm:w-full sm:max-w-lg",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
@ -52,7 +52,7 @@ const DialogHeader = ({
|
||||
}) => (
|
||||
<div
|
||||
className={cn(
|
||||
"flex flex-col space-y-1.5 text-center sm:text-left",
|
||||
"flex flex-col space-y-1.5 text-left",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
|
||||
@ -278,57 +278,65 @@ export default function Dashboard() {
|
||||
<span className="sr-only">Dashboard information</span>
|
||||
</button>
|
||||
</DialogTrigger>
|
||||
<DialogContent className="sm:max-w-[600px] mx-4">
|
||||
<DialogContent className="p-4 sm:p-6">
|
||||
<DialogHeader>
|
||||
<DialogTitle className="mb-6">Testnet Metrics</DialogTitle>
|
||||
<div className="w-full h-40 bg-neutral-800 rounded-lg mb-6 animate-pulse" />
|
||||
<DialogDescription className="pt-3">
|
||||
The data displayed in this dashboard is collected from Codex nodes that use the{' '}
|
||||
<a
|
||||
href="https://github.com/codex-storage/cli"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="text-[#7afbaf] hover:underline"
|
||||
>
|
||||
Codex CLI
|
||||
</a>
|
||||
{' '}for running a Codex alturistic node in the testnet. Users agree to a privacy
|
||||
disclaimer before using the Codex CLI and the data collected will be used to
|
||||
understand the testnet statistics and help troubleshooting users who face
|
||||
difficulty in getting onboarded to Codex.
|
||||
<DialogTitle className="text-xl sm:text-2xl mb-4 sm:mb-6">Testnet Metrics</DialogTitle>
|
||||
{/* Image dimensions: 1200x630 (2:1.05 aspect ratio - optimal for social sharing) */}
|
||||
<img src="testnet.png" alt="Testnet Metrics" className="w-full aspect-[2/1.05] rounded-lg mb-4 sm:mb-6" />
|
||||
<DialogDescription className="text-sm sm:text-base pt-2 sm:pt-3 space-y-4">
|
||||
<p>
|
||||
The data displayed in this dashboard is collected from Codex nodes that use the{' '}
|
||||
<a
|
||||
href="https://github.com/codex-storage/cli"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="text-[#7afbaf] hover:underline"
|
||||
>
|
||||
Codex CLI
|
||||
</a>
|
||||
{' '}for running a Codex alturistic node in the testnet.
|
||||
</p>
|
||||
<p>
|
||||
Users agree to a privacy disclaimer before using the Codex CLI and the data collected will be used to
|
||||
understand the testnet statistics and help troubleshooting users who face
|
||||
difficulty in getting onboarded to Codex.
|
||||
</p>
|
||||
</DialogDescription>
|
||||
<div className="mt-8 space-y-4 border-neutral-800 pt-4">
|
||||
<div className="mt-6 sm:mt-8 space-y-4 sm:space-y-6 border-t border-neutral-800 pt-4 sm:pt-6">
|
||||
<div>
|
||||
<h4 className="text-sm font-semibold text-white mb-2">Don't wish to provide data?</h4>
|
||||
<h4 className="text-sm sm:text-base font-semibold text-white mb-2 sm:mb-3">Don't wish to provide data?</h4>
|
||||
<p className="text-sm text-neutral-400">
|
||||
You can still run a Codex node without providing any data. To do this, please follow the steps mentioned in the <a
|
||||
href="https://docs.codex.storage/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="text-[#7afbaf] hover:underline"
|
||||
>
|
||||
Codex documentation
|
||||
</a> which does not use the Codex CLI.
|
||||
You can still run a Codex node without providing any data. To do this, please follow the steps mentioned in the{' '}
|
||||
<a
|
||||
href="https://docs.codex.storage/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="text-[#7afbaf] hover:underline"
|
||||
>
|
||||
Codex documentation
|
||||
</a>
|
||||
{' '}which does not use the Codex CLI.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4 className="text-sm font-semibold text-white mb-2">Is there an incentive to run a Codex node?</h4>
|
||||
<h4 className="text-sm sm:text-base font-semibold text-white mb-2 sm:mb-3">Is there an incentive to run a Codex node?</h4>
|
||||
<p className="text-sm text-neutral-400">
|
||||
Codex is currently in testnet and it is not incentivized. However, in the future, Codex may be incentivized as per the roadmap. But please bear in mind that no incentives are promised for testnet node operators.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4 className="text-sm font-semibold text-white mb-2">I have a question or suggestion</h4>
|
||||
<h4 className="text-sm sm:text-base font-semibold text-white mb-2 sm:mb-3">I have a question or suggestion</h4>
|
||||
<p className="text-sm text-neutral-400">
|
||||
The best way to get in touch with us is to join the
|
||||
<a
|
||||
href="https://discord.gg/codex-storage"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="text-[#7afbaf] hover:underline"
|
||||
>
|
||||
{" "}Codex discord
|
||||
</a> and ask your question in the #support channel.
|
||||
The best way to get in touch with us is to join the{' '}
|
||||
<a
|
||||
href="https://discord.gg/codex-storage"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="text-[#7afbaf] hover:underline"
|
||||
>
|
||||
Codex discord
|
||||
</a>
|
||||
{' '}and ask your question in the #support channel.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
BIN
public/testnet.png
Normal file
BIN
public/testnet.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 128 KiB |
Loading…
x
Reference in New Issue
Block a user