Merge pull request #1 from permaweb/copy-update

Update banner/thumbnail size recommendations

Author: NickJ202

src/helpers/language.ts

@@ -27,6 +27,7 @@ export const language = {
 		atomicAssets: `Atomic Assets`,
 		back: `Back`,
 		banner: `Banner`,
+		bannerInfo: `Upload a banner image to display at the top of the collection. (Recommended size: 16:9 aspect ratio, 1920 x 1080 pixels).`,
 		bio: `Bio`,
 		cancel: `Cancel`,
 		calculating: `Calculating`,
@@ -218,6 +219,7 @@ export const language = {
 		title: `Title`,
 		titleNotFound: `Title not found`,
 		thumbnail: `Thumbnail`,
+		thumbnailInfo: `Upload a thumbnail image for the collection. (Recommended size: 1:1 aspect ratio, 300 x 300 pixels).`,
 		thumbnailDescription: `Upload an image that represents your collection`,
 		toggleTheme: `Toggle theme`,
 		totalAssets: `Total`,

src/views/Docs/DocsDetail/MD/upload-collection.md

@@ -17,5 +17,5 @@ Create an atomic asset collection from either existing atomic assets or uploadin
   - In the field below determine how many fractional tokens are allowed for each of your atomic assets.
 - Collection code - A collection code is a unique identifier for your collection. It can be used to identify which collection an asset belongs to in other applications. Ex: On Bazar, if your collection code is "cryptopunk," your collection assets are named "cryptopunk#1," "cryptopunk#2," etc...).
 - Asset topics: Select topics that best describe your atomic assets. Add as many custom topics as needed. These topics assist in discoverability on the permaweb. Learn more about asset discoverability tags (ANS-110) [here](https://github.com/ArweaveTeam/arweave-standards/blob/master/ans/ANS-110.md).
-- Banner: Upload a banner image to display at the top of the collection.
-- Thumbnail: Upload a thumbnail image for the collection.
+- Banner: Upload a banner image to display at the top of the collection. (Recommended size: 16:9 aspect ratio, 1920 x 1080 pixels).
+- Thumbnail: Upload a thumbnail image for the collection. (Recommended size: 1:1 aspect ratio, 300 x 300 pixels).

src/views/Upload/UploadBanner/UploadBanner.tsx

@@ -1,3 +1,5 @@
+// tooltip={language.bannerInfo}
+
 import React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { ReactSVG } from 'react-svg';

src/views/Upload/UploadThumbnail/UploadThumbnail.tsx

@@ -1,3 +1,5 @@
+// tooltip={language.thumbnailInfo}
+
 import React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { ReactSVG } from 'react-svg';