Footer copyright component

Author: realstoman

src/components/shared/AppFooter.js

@@ -1,5 +1,5 @@
 import { FiGithub, FiTwitter, FiInstagram, FiBook } from 'react-icons/fi';
-import { Link } from 'react-router-dom';
+import AppFooterCopyright from './AppFooterCopyright';
 
 const socialLinks = [
 	{
@@ -48,29 +48,9 @@ const AppFooter = () => {
 						))}
 					</ul>
 				</div>
-				{/* Footer social links end */}
 
 				{/* Footer copyright start */}
-				<div className="font-general-regular flex justify-center items-center text-center">
-					<div className="text-lg text-ternary-dark dark:text-ternary-light">
-						&copy; {new Date().getFullYear()}
-						<Link
-							to="https://github.com/realstoman/react-tailwindcss-portfolio"
-							className="hover:underline ml-1"
-						>
-							React & TailwindCSS Portfolio
-						</Link>
-						.
-						<Link
-							to="https://stoman.me"
-							target="__blank"
-							className="text-secondary-dark dark:text-secondary-light uppercase hover:underline ml-1"
-						>
-							Stoman
-						</Link>
-					</div>
-				</div>
-				{/* Footer copyright end */}
+				<AppFooterCopyright />
 			</div>
 		</div>
 	);

src/components/shared/AppFooterCopyright.js

@@ -0,0 +1,27 @@
+import { Link } from 'react-router-dom';
+
+function AppFooterCopyright() {
+	return (
+		<div className="font-general-regular flex justify-center items-center text-center">
+			<div className="text-lg text-ternary-dark dark:text-ternary-light">
+				&copy; {new Date().getFullYear()}
+				<Link
+					to="https://github.com/realstoman/react-tailwindcss-portfolio"
+					className="hover:underline ml-1"
+				>
+					React & TailwindCSS Portfolio
+				</Link>
+				.
+				<Link
+					to="https://stoman.me"
+					target="__blank"
+					className="text-secondary-dark dark:text-secondary-light uppercase hover:underline ml-1"
+				>
+					Stoman
+				</Link>
+			</div>
+		</div>
+	);
+}
+
+export default AppFooterCopyright;