codex-storage/codex-marketplace-ui
1
0
Fork 0
mirror of https://github.com/codex-storage/codex-marketplace-ui.git synced 2025-02-23 13:18:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add help content

Browse Source
This commit is contained in:
Arnaud 2024-08-29 19:38:40 +02:00
parent 1d98d731d9
commit 51dc781338
No known key found for this signature in database
GPG Key ID: 69D6CE281FCAE663
3 changed files with 89 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Welcome/Welcome.tsx
View File

@ -9,7 +9,10 @@ export function Welcome() {
<p className="welcome-title">Welcome to Codex Marketplace</p>
<div className="welcome-body">
<SimpleText variant="light">
You can start using Codex for testing purpose by uploading new files.
Begin your journey with Codex by uploading new files for testing.
Experience the power of our decentralized data storage platform and
explore its features. Your feedback is invaluable as we continue to
improve!
</SimpleText>
</div>

15
src/routes/dashboard/help.css
View File

@ -4,8 +4,12 @@
}
.help-title {
margin-bottom: 4rem;
margin-top: 4rem;
margin-bottom: 3rem;
margin-top: 3rem;
}
.help-text {
color: var(--codex-color-light);
}
.help-itemTitle {
@ -17,7 +21,7 @@
.help-itemIcon {
color: var(--codex-color-disabled);
width: 2rem;
min-width: 1.5rem;
height: auto;
}
@ -33,3 +37,8 @@
display: flex;
align-items: flex-start;
}
.help-link {
color: var(--codex-color-primary);
text-decoration: underline;
}

99
src/routes/dashboard/help.tsx
View File

@ -6,35 +6,82 @@ import { SimpleText } from "@codex/marketplace-ui-components";
export const Route = createFileRoute("/dashboard/help")({
component: () => (
<div className="container">
<div className="container-fluid">
<div className="help">
<h1 className="help-title">You might be wondering...</h1>
<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">Looking for help to build Codex?</p>
<SimpleText variant="light">
Yes, you should refer to the documentation. If you do need more
help, ask to the github project.
</SimpleText>
</div>
</div>
<div className="help-item">
<HelpCircle className="help-itemIcon" size={"1rem"} />
<div className="help-itemBody">
<p className="help-itemTitle">Looking for help to build Codex?</p>
<SimpleText variant="light">
Yes, you should refer to the documentation. If you do need more
help, ask to the github project.
</SimpleText>
</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>
<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&nbsp;
<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>
{/* <ErrorBoundary fallback={() => ""}>
<Debug />
</ErrorBoundary> */}
</div>
</div>
),