Merge pull request #72 from codex-storage/releases/v0.0.11
Releases/v0.0.11
This commit is contained in:
Arnaud
GitHub
commit
2219a4770c
|
|
@ -204,7 +204,7 @@ export function Files({ limit }: Props) {
|
|||
|
||||
<Button
|
||||
label="Folder"
|
||||
Icon={PlusIcon}
|
||||
Icon={() => <PlusIcon width={24}></PlusIcon>}
|
||||
variant="outline"
|
||||
size="small"
|
||||
disabled={!!error || !folder}
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@ import * as Sentry from "@sentry/react";
|
|||
import { CodexSdk } from "./sdk/codex";
|
||||
import { ErrorPlaceholder } from "./components/ErrorPlaceholder/ErrorPlaceholder.tsx";
|
||||
|
||||
if (true || (import.meta.env.PROD && !import.meta.env.CI)) {
|
||||
if (import.meta.env.PROD && !import.meta.env.CI) {
|
||||
Sentry.init({
|
||||
release: "codex-storage-marketplace-ui@" + import.meta.env.PACKAGE_VERSION,
|
||||
dsn: "https://22d77c59a27b8d5efc07132188b505b9@o4507855852011520.ingest.de.sentry.io/4507866758512720",
|
||||
|
|
|
|||
|
|
@ -4,111 +4,113 @@ import { HelpCircle } from "lucide-react";
|
|||
import { useEffect } from "react";
|
||||
import * as Sentry from "@sentry/react";
|
||||
|
||||
export const Route = createFileRoute("/dashboard/help")({
|
||||
component: () => {
|
||||
useEffect(() => {
|
||||
const feedback = Sentry.feedbackIntegration({
|
||||
// Additional SDK configuration goes in here, for example:
|
||||
colorScheme: "dark",
|
||||
triggerLabel: "",
|
||||
});
|
||||
const widget = feedback.createWidget();
|
||||
return () => {
|
||||
return widget.removeFromDom();
|
||||
};
|
||||
}, []);
|
||||
const Help = () => {
|
||||
useEffect(() => {
|
||||
const feedback = Sentry.feedbackIntegration({
|
||||
// Additional SDK configuration goes in here, for example:
|
||||
colorScheme: "dark",
|
||||
triggerLabel: "",
|
||||
});
|
||||
const widget = feedback.createWidget();
|
||||
return () => {
|
||||
return widget.removeFromDom();
|
||||
};
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className="container">
|
||||
<div className="help">
|
||||
<h1 className="help-title">You might be wondering...</h1>
|
||||
return (
|
||||
<div className="container">
|
||||
<div className="help">
|
||||
<h1 className="help-title">You might be wondering...</h1>
|
||||
|
||||
<div className="help-item">
|
||||
<HelpCircle className="help-itemIcon" size={"1.5rem"} />
|
||||
<div className="help-itemBody">
|
||||
<p className="help-itemTitle">What's Codex?</p>
|
||||
<p className="help-text">
|
||||
Codex is a decentralised data storage platform that provides
|
||||
exceptionally strong censorship resistance and durability
|
||||
guarantees. It serves as the storage layer of the Logos tech
|
||||
stack.
|
||||
</p>
|
||||
</div>
|
||||
<div className="help-item">
|
||||
<HelpCircle className="help-itemIcon" size={"1.5rem"} />
|
||||
<div className="help-itemBody">
|
||||
<p className="help-itemTitle">What's Codex?</p>
|
||||
<p className="help-text">
|
||||
Codex is a decentralised data storage platform that provides
|
||||
exceptionally strong censorship resistance and durability
|
||||
guarantees. It serves as the storage layer of the Logos tech
|
||||
stack.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="help-item">
|
||||
<HelpCircle className="help-itemIcon" size={"1rem"} />
|
||||
<div className="help-itemBody">
|
||||
<p className="help-itemTitle">
|
||||
What is the purpose of this web application?
|
||||
</p>
|
||||
<p className="help-text">
|
||||
This application allows you to interact with the Codex
|
||||
Marketplace network in a user-friendly manner.
|
||||
</p>
|
||||
</div>
|
||||
<div className="help-item">
|
||||
<HelpCircle className="help-itemIcon" size={"1rem"} />
|
||||
<div className="help-itemBody">
|
||||
<p className="help-itemTitle">
|
||||
What is the purpose of this web application?
|
||||
</p>
|
||||
<p className="help-text">
|
||||
This application allows you to interact with the Codex Marketplace
|
||||
network in a user-friendly manner.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="help-item">
|
||||
<HelpCircle className="help-itemIcon" size={"1rem"} />
|
||||
<div className="help-itemBody">
|
||||
<p className="help-itemTitle">Can Codex handle big files ?</p>
|
||||
<p className="help-text">
|
||||
Codex can handle very large files, which is its main purpose.
|
||||
However, for this UI, the files used should not be too large.
|
||||
</p>
|
||||
</div>
|
||||
<div className="help-item">
|
||||
<HelpCircle className="help-itemIcon" size={"1rem"} />
|
||||
<div className="help-itemBody">
|
||||
<p className="help-itemTitle">Can Codex handle big files ?</p>
|
||||
<p className="help-text">
|
||||
Codex can handle very large files, which is its main purpose.
|
||||
However, for this UI, the files used should not be too large.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="help-item">
|
||||
<HelpCircle className="help-itemIcon" size={"1rem"} />
|
||||
<div className="help-itemBody">
|
||||
<p className="help-itemTitle">Is it production ready ?</p>
|
||||
<p className="help-text">
|
||||
Not at all! This is a very early alpha version. You should
|
||||
expect to encounter bugs, but don't worry—feel free to reach out
|
||||
to us if you need assistance.
|
||||
</p>
|
||||
</div>
|
||||
<div className="help-item">
|
||||
<HelpCircle className="help-itemIcon" size={"1rem"} />
|
||||
<div className="help-itemBody">
|
||||
<p className="help-itemTitle">Is it production ready ?</p>
|
||||
<p className="help-text">
|
||||
Not at all! This is a very early alpha version. You should expect
|
||||
to encounter bugs, but don't worry—feel free to reach out to us if
|
||||
you need assistance.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="help-item">
|
||||
<HelpCircle className="help-itemIcon" size={"1rem"} />
|
||||
<div className="help-itemBody">
|
||||
<p className="help-itemTitle">
|
||||
How can I reach you if I am stuck ?
|
||||
</p>
|
||||
<p className="help-text">
|
||||
Please create a new issue on our GitHub repository
|
||||
<a
|
||||
href="https://github.com/codex-storage/codex-marketplace-ui"
|
||||
className="help-link"
|
||||
target="_blank">
|
||||
https://github.com/codex-storage/codex-marketplace-ui
|
||||
</a>
|
||||
.
|
||||
</p>
|
||||
</div>
|
||||
<div className="help-item">
|
||||
<HelpCircle className="help-itemIcon" size={"1rem"} />
|
||||
<div className="help-itemBody">
|
||||
<p className="help-itemTitle">
|
||||
How can I reach you if I am stuck ?
|
||||
</p>
|
||||
<p className="help-text">
|
||||
Please create a new issue on our GitHub repository
|
||||
<a
|
||||
href="https://github.com/codex-storage/codex-marketplace-ui"
|
||||
className="help-link"
|
||||
target="_blank">
|
||||
https://github.com/codex-storage/codex-marketplace-ui
|
||||
</a>
|
||||
.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="help-item">
|
||||
<HelpCircle className="help-itemIcon" size={"1rem"} />
|
||||
<div className="help-itemBody">
|
||||
<p className="help-itemTitle">How can I build and run Codex ?</p>
|
||||
<p className="help-text">
|
||||
For instructions, please visit{" "}
|
||||
<a
|
||||
href="https://docs.codex.storage"
|
||||
className="help-link"
|
||||
target="_blank">
|
||||
https://docs.codex.storage
|
||||
</a>
|
||||
.
|
||||
</p>
|
||||
</div>
|
||||
<div className="help-item">
|
||||
<HelpCircle className="help-itemIcon" size={"1rem"} />
|
||||
<div className="help-itemBody">
|
||||
<p className="help-itemTitle">How can I build and run Codex ?</p>
|
||||
<p className="help-text">
|
||||
For instructions, please visit{" "}
|
||||
<a
|
||||
href="https://docs.codex.storage"
|
||||
className="help-link"
|
||||
target="_blank">
|
||||
https://docs.codex.storage
|
||||
</a>
|
||||
.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
},
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export const Route = createFileRoute("/dashboard/help")({
|
||||
component: Help,
|
||||
});
|
||||
|
|
|
|||
|
|
@ -11,13 +11,13 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media (min-width: 2000px) {
|
||||
&:nth-child(n + 1) {
|
||||
flex: 1 1 34%;
|
||||
@media (min-width: 1600px) {
|
||||
& {
|
||||
flex: 1 1 23%;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
flex: 1 1 20%;
|
||||
&.welcome-card {
|
||||
flex: 1 1 30%;
|
||||
}
|
||||
|
||||
&.card--main--files {
|
||||
|
|
@ -78,13 +78,9 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media (min-width: 2000px) {
|
||||
.column:nth-child(2) {
|
||||
flex: 1 1 15%;
|
||||
}
|
||||
|
||||
@media (min-width: 1600px) {
|
||||
.column {
|
||||
flex: 1 1 25%;
|
||||
flex: 1 0 5%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -47,8 +47,7 @@ function Dashboard() {
|
|||
className="card--main"
|
||||
title="Connected Account"
|
||||
buttonLabel="Add Wallet"
|
||||
buttonIcon={() => <PlusIcon width={20} />}
|
||||
buttonAction={() => naviguate({ to: "/dashboard/availabilities" })}>
|
||||
buttonIcon={() => <PlusIcon width={20} />}>
|
||||
<ConnectedAccount></ConnectedAccount>
|
||||
</Card>
|
||||
|
||||
|
|
@ -57,13 +56,14 @@ function Dashboard() {
|
|||
icon={<NodesIcon width={24}></NodesIcon>}
|
||||
title="Storage"
|
||||
buttonLabel="Details"
|
||||
buttonAction={() => naviguate({ to: "/dashboard/peers" })}>
|
||||
buttonAction={() => naviguate({ to: "/dashboard/availabilities" })}>
|
||||
<NodeSpace></NodeSpace>
|
||||
</Card>
|
||||
<Card
|
||||
icon={<PeersIcon width={20}></PeersIcon>}
|
||||
title="Peers"
|
||||
buttonLabel="Details">
|
||||
buttonLabel="Details"
|
||||
buttonAction={() => naviguate({ to: "/dashboard/peers" })}>
|
||||
<PeersCard></PeersCard>
|
||||
</Card>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue