-
-
Notifications
You must be signed in to change notification settings - Fork 380
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: use guidelines component across app
- Loading branch information
Showing
13 changed files
with
183 additions
and
195 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,55 @@ | ||
import { ExternalLink, Guidelines } from 'oa-components' | ||
|
||
export const HowtoPostingGuidelines = () => ( | ||
<Guidelines | ||
title="How does it work?" | ||
steps={[ | ||
<> | ||
Choose what you want to share{' '} | ||
<span role="img" aria-label="raised-hand"> | ||
🙌 | ||
</span> | ||
</>, | ||
<> | ||
Read{' '} | ||
<ExternalLink sx={{ color: 'blue' }} href="/academy/create/howto"> | ||
our guidelines{' '} | ||
<span role="img" aria-label="nerd-face"> | ||
🤓 | ||
</span> | ||
</ExternalLink> | ||
</>, | ||
<> | ||
Prepare your text & images{' '} | ||
<span role="img" aria-label="archive-box"> | ||
🗄️ | ||
</span> | ||
</>, | ||
<> | ||
Create your How-to{' '} | ||
<span role="img" aria-label="writing-hand"> | ||
✍️ | ||
</span> | ||
</>, | ||
<> | ||
Click on “Publish”{' '} | ||
<span role="img" aria-label="mouse"> | ||
🖱️ | ||
</span> | ||
</>, | ||
<>We will either send you feedback, or</>, | ||
<> | ||
Approve if everything is okay{' '} | ||
<span role="img" aria-label="tick-validate"> | ||
✅ | ||
</span> | ||
</>, | ||
<> | ||
Be proud{' '} | ||
<span role="img" aria-label="simple-smile"> | ||
🙂 | ||
</span> | ||
</>, | ||
]} | ||
/> | ||
) |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
56 changes: 56 additions & 0 deletions
56
src/pages/Question/Content/Common/QuestionPostingGuidelines.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,56 @@ | ||
import { useTheme } from '@emotion/react' | ||
import { ExternalLink, Guidelines } from 'oa-components' | ||
|
||
export const QuestionPostingGuidelines = () => { | ||
const theme = useTheme() | ||
|
||
const steps = [ | ||
<> | ||
Write your question (in English){' '} | ||
<span role="img" aria-label="raised-hand"> | ||
🙌 | ||
</span> | ||
</>, | ||
<> | ||
Double check if it's already made and{' '} | ||
<ExternalLink sx={{ color: 'blue' }} href="/questions"> | ||
search{' '} | ||
</ExternalLink> | ||
</>, | ||
<> | ||
Provide enough info for people to help{' '} | ||
<span role="img" aria-label="archive-box"> | ||
🗄️ | ||
</span> | ||
</>, | ||
<> | ||
Add a category and search so others can find it{' '} | ||
<span role="img" aria-label="writing-hand"> | ||
✍️ | ||
</span> | ||
</>, | ||
<>Come back to comment the answers</>, | ||
<> | ||
Get your best answer{' '} | ||
<span role="img" aria-label="simple-smile"> | ||
🙂 | ||
</span> | ||
</>, | ||
] | ||
|
||
if (theme.questionsGuidelinesURL) { | ||
steps.unshift( | ||
<> | ||
Have a look at our{' '} | ||
<ExternalLink | ||
sx={{ color: 'blue' }} | ||
href={theme.questionsGuidelinesURL} | ||
> | ||
question guidelines. | ||
</ExternalLink> | ||
</>, | ||
) | ||
} | ||
|
||
return <Guidelines title="How does it work?" steps={steps} /> | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1 +1 @@ | ||
export { PostingGuidelines } from './PostingGuidelines' | ||
export { QuestionPostingGuidelines } from './QuestionPostingGuidelines' |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.