Some minor fixes, and Dependency updates (#46)

* Deps Update, Append Child, Docs Static Assets

* SVG Icon Issue

* v4.1.2

CHANGELOG.md

@@ -1,5 +1,9 @@
 ### Features
 
+- 4.1.2
+
+  - Fixes #44 and #45
+
 - 4.1.1
 
   - Added missing types for 4.0, role, and toastContainerID. #35

README.md

@@ -1,4 +1,4 @@
-<p align="center"><img src="https://cogoport.github.io/cogo-toast/static/meta/android-chrome-96x96.png" alt="cogo-toast" title="cogo-toast" width="120"><p>
+<p align="center"><img src="https://cogoport.github.io/cogo-toast/public/meta/android-chrome-96x96.png" alt="cogo-toast" title="cogo-toast" width="120"><p>
 <h1 align="center">Cogo Toast</h1>
 <p align="center" style="font-size: 1.2rem;">Beautiful, Zero Configuration, Toast Messages for React</p>
 <p align="center"><a href="https://cogoport.github.io/cogo-toast/">https://cogoport.github.io/cogo-toast/</a></p>
@@ -12,7 +12,7 @@
 [![License](https://img.shields.io/npm/l/@xstyled/styled-components.svg)](https://github.com/Cogoport/cogo-toast/blob/master/LICENSE)
 
 <p align="center">
-<img src="docs/static/images/preview.gif" alt="cogo-toast-preview" title="cogo-toast-preview">
+<img src="docs/public/images/preview.gif" alt="cogo-toast-preview" title="cogo-toast-preview">
 <p>
 
 ### Install via NPM:

docs/components/Home/MadeWithLove/index.jsx

@@ -9,7 +9,7 @@ const MadeWithLove = () => (
 			Made with <HeartIcon />
 			at
 			<Logo
-				src="https://www.cogoport.com/static/images/main_logo.svg"
+				src="https://dev-cogoport.s3.ap-south-1.amazonaws.com/2a06ea838cc4453ab9d7cb7cec5d27b4.png"
 				alt="Cogoport - Simplifying International Logistics"
 			/>
 		</Container>

docs/components/Meta/index.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-const { linkPrefix } = process.env;
+const { linkPrefix = '/' } = process.env;
 
 const Meta = () => (
 	<>
@@ -13,22 +13,22 @@ const Meta = () => (
 		<link
 			rel="apple-touch-icon"
 			sizes="76x76"
-			href={`${linkPrefix}static/meta/apple-touch-icon.png`}
+			href={`${linkPrefix}meta/apple-touch-icon.png`}
 		/>
 		<link
 			rel="icon"
 			type="image/png"
 			sizes="32x32"
-			href={`${linkPrefix}static/meta/favicon-32x32.png`}
+			href={`${linkPrefix}meta/favicon-32x32.png`}
 		/>
 		<link
 			rel="icon"
 			type="image/png"
 			sizes="16x16"
-			href={`${linkPrefix}static/meta/favicon-16x16.png`}
+			href={`${linkPrefix}meta/favicon-16x16.png`}
 		/>
-		<link rel="manifest" href={`${linkPrefix}static/meta/site.webmanifest`} />
-		<link rel="mask-icon" href={`${linkPrefix}static/meta/safari-pinned-tab.svg`} color="#4cba70" />
+		<link rel="manifest" href={`${linkPrefix}meta/site.webmanifest`} />
+		<link rel="mask-icon" href={`${linkPrefix}meta/safari-pinned-tab.svg`} color="#4cba70" />
 
 		<meta name="msapplication-TileColor" content="#ffffff" />
 		<meta name="theme-color" content="#ffffff" />
@@ -51,7 +51,7 @@ const Meta = () => (
 			content="react,toast,react-toast,toast-react,toastr,toast messages,messages,notifications,react notifications,component,components,react component,react components,ui,cogoport,open source"
 		/>
 
-		<meta key="image" property="image" content={`${linkPrefix}static/meta/safari-pinned-tab.svg`} />
+		<meta key="image" property="image" content={`${linkPrefix}meta/safari-pinned-tab.svg`} />
 
 		<meta key="author" name="author" content="Cogoport" />
 
@@ -71,7 +71,7 @@ const Meta = () => (
 		<meta
 			key="og:image"
 			property="og:image"
-			content={`${linkPrefix}static/meta/safari-pinned-tab.svg`}
+			content={`${linkPrefix}meta/safari-pinned-tab.svg`}
 		/>
 
 		<meta key="twitter:site" name="twitter:site" content="https://cogoport.github.io/cogo-toast" />
@@ -80,7 +80,7 @@ const Meta = () => (
 		<meta
 			key="twitter:image"
 			name="twitter:image"
-			content={`${linkPrefix}static/meta/safari-pinned-tab.svg`}
+			content={`${linkPrefix}meta/safari-pinned-tab.svg`}
 		/>
 	</>
 );

docs/package.json

@@ -10,16 +10,16 @@
 		"deploy": "rm -rf node_modules/.cache && yarn export && touch out/.nojekyll"
 	},
 	"dependencies": {
-		"@emotion/core": "10.0.17",
-		"@emotion/styled": "10.0.17",
-		"babel-plugin-emotion": "10.0.19",
+		"@emotion/core": "10.0.22",
+		"@emotion/styled": "10.0.23",
+		"babel-plugin-emotion": "10.0.23",
 		"cogo-toast": "link:../",
-		"next": "^9.0.6",
-		"prism-react-renderer": "^0.1.7",
-		"react": "^16.9.0",
-		"react-dom": "^16.9.0"
+		"next": "^9.1.6",
+		"prism-react-renderer": "^1.0.2",
+		"react": "^16.12.0",
+		"react-dom": "^16.12.0"
 	},
 	"devDependencies": {
-		"serve": "11.1.0"
+		"serve": "11.2.0"
 	}
 }