From 155f6bbeeccd70f30c52a43d175289642ebaae28 Mon Sep 17 00:00:00 2001
From: qwertyforce <44163887+qwertyforce@users.noreply.github.com>
Date: Wed, 30 Dec 2020 00:51:48 +0300
Subject: [PATCH] footer

---
 components/Footer.tsx       | 21 +++++++++++++++++++++
 pages/last_added/[page].tsx | 11 ++---------
 pages/top_rated/[page].tsx  | 11 ++---------
 3 files changed, 25 insertions(+), 18 deletions(-)
 create mode 100644 components/Footer.tsx

diff --git a/components/Footer.tsx b/components/Footer.tsx
new file mode 100644
index 0000000..b5e750c
--- /dev/null
+++ b/components/Footer.tsx
@@ -0,0 +1,21 @@
+import {makeStyles } from '@material-ui/core/styles';
+import Link from './Link'
+import config from '../config/config'
+const useStyles = makeStyles(() => ({
+  footer: {
+    display: "flex",
+    justifyContent: "center"
+  }
+}));
+
+export default function Footer() {
+  const classes = useStyles();
+  return (
+    <div className={classes.footer}>
+      <Link href='/about'>About&nbsp;</Link>
+      <Link href={config.api_domain}>API&nbsp;</Link>
+      <Link href='/stats'>Stats&nbsp;</Link>
+      <Link href='/tags'>Tags</Link>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/pages/last_added/[page].tsx b/pages/last_added/[page].tsx
index e75627c..40a8aa8 100644
--- a/pages/last_added/[page].tsx
+++ b/pages/last_added/[page].tsx
@@ -10,6 +10,7 @@ import { GetStaticPaths } from 'next'
 import { useRouter } from 'next/router'
 import Photo from '../../components/Photo'
 import Link from '../../components/Link'
+import Footer from '../../components/Footer'
 import ErrorPage from 'next/error'
 import PaginationItem from "@material-ui/lab/PaginationItem/PaginationItem";
 
@@ -17,10 +18,6 @@ const useStyles = makeStyles(() => ({
   pagination: {
     display: "flex",
     justifyContent: 'center'
-  },
-  footer: {
-    display: "flex",
-    justifyContent: "center"
   }
 }));
 function a11yProps(index: number) {
@@ -70,11 +67,7 @@ const MainPage = (props: any) => {
         }
         } siblingCount={3} color="primary" size="large" />
       </div>
-      <div className={classes.footer}>
-        <Link href='/about'>About&nbsp;</Link>
-        <Link href='/stats'>Stats&nbsp;</Link>
-        <Link href='/tags'>Tags</Link>
-      </div>
+     <Footer/>
     </div>
 
   )
diff --git a/pages/top_rated/[page].tsx b/pages/top_rated/[page].tsx
index 87f13cf..58a1162 100644
--- a/pages/top_rated/[page].tsx
+++ b/pages/top_rated/[page].tsx
@@ -10,6 +10,7 @@ import { GetStaticPaths } from 'next'
 import { useRouter } from 'next/router'
 import Photo from '../../components/Photo'
 import Link from '../../components/Link'
+import Footer from '../../components/Footer'
 import ErrorPage from 'next/error'
 import PaginationItem from "@material-ui/lab/PaginationItem/PaginationItem";
 
@@ -17,10 +18,6 @@ const useStyles = makeStyles(() => ({
   pagination: {
     display: "flex",
     justifyContent: 'center'
-  },
-  footer: {
-    display: "flex",
-    justifyContent: "center"
   }
 }));
 function a11yProps(index: number) {
@@ -70,11 +67,7 @@ const MainPage = (props: any) => {
         }
         } siblingCount={3} color="primary" size="large" />
       </div>
-      <div className={classes.footer}>
-        <Link href='/about'>About&nbsp;</Link>
-        <Link href='/stats'>Stats&nbsp;</Link>
-        <Link href='/tags'>Tags</Link>
-      </div>
+      <Footer/>
     </div>
 
   )