CoastalCommits/CoastalCommitsPastes
CoastalCommits/CoastalCommitsPastes
2
1
Fork 0
forked from CoastalCommitsArchival/github.com-MaxLeiter-drift
Code Pull requests Activity Actions

Minor wording change for "Download" link

Browse source 
Suggesting this change simply because "ZIP" appears to be (per its specification published by PKWARE) canonically spelled uppercase.

I also added the word "archive" to provide a noun modified by "ZIP" rather than treating "ZIP" as a noun itself. It seems clearer this way, but may cause text flow issues in the design if it's too long.
This commit is contained in:
Emily Strickland 2022-03-12 11:53:55 -08:00 committed by Emily Strickland
parent 10c8b02397
commit 1f0d60424e
No known key found for this signature in database
GPG key ID: 6526B8035DD3DD32
2 changed files with 15 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
client/pages/post/[id].tsx
View file

@ -8,6 +8,8 @@ import Header from "../../components/header";
import VisibilityBadge from "../../components/visibility-badge"; import VisibilityBadge from "../../components/visibility-badge";
import { ThemeProps } from "../_app"; import { ThemeProps } from "../_app";
import PageSeo from "components/page-seo"; import PageSeo from "components/page-seo";
import Head from "next/head";
import styles from './styles.module.css';
const Post = ({ theme, changeTheme }: ThemeProps) => { const Post = ({ theme, changeTheme }: ThemeProps) => {
const [post, setPost] = useState<any>() const [post, setPost] = useState<any>()
@ -83,10 +85,10 @@ const Post = ({ theme, changeTheme }: ThemeProps) => {
<Document skeleton={true} /> <Document skeleton={true} />
</>} </>}
{!isLoading && post && <> {!isLoading && post && <>
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}> <div className={styles.header}>
<Text h2>{post.title} <VisibilityBadge visibility={post.visibility} /></Text> <Text h2>{post.title} <VisibilityBadge visibility={post.visibility} /></Text>
<Button auto onClick={download}> <Button auto onClick={download}>
Download as Zip Download as ZIP archive
</Button> </Button>
</div> </div>
{post.files.map(({ id, content, title }: { id: any, content: string, title: string }) => ( {post.files.map(({ id, content, title }: { id: any, content: string, title: string }) => (
@ -106,4 +108,3 @@ const Post = ({ theme, changeTheme }: ThemeProps) => {
} }
export default Post export default Post

11
client/pages/post/styles.module.css Normal file
View file

@ -0,0 +1,11 @@
.header {
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 650px) {
.header {
flex-direction: column;
}
}