diff --git a/src/components/infinite-banner-list/InfiniteBannerList.tsx b/src/components/infinite-banner-list/InfiniteBannerList.tsx
index d519f7b8..8f800c6e 100644
--- a/src/components/infinite-banner-list/InfiniteBannerList.tsx
+++ b/src/components/infinite-banner-list/InfiniteBannerList.tsx
@@ -38,7 +38,7 @@ const InfiniteBannerList: FC
= ({
setMaxPages(maxPages + 1)
}
}}
- applyBannerListStlyes
+ applyBannerListStyles
hideBlacklisted={false}
showDetailsButton={false}
/>
diff --git a/src/components/recent-banners/RecentBanners.tsx b/src/components/recent-banners/RecentBanners.tsx
index ad7c38ab..dabd1d9e 100644
--- a/src/components/recent-banners/RecentBanners.tsx
+++ b/src/components/recent-banners/RecentBanners.tsx
@@ -57,7 +57,7 @@ export const RecentBanners: FC = ({
diff --git a/src/components/user-banner-list-preview/UserBannerListPreview.tsx b/src/components/user-banner-list-preview/UserBannerListPreview.tsx
index f9e011f4..d6bbfbca 100644
--- a/src/components/user-banner-list-preview/UserBannerListPreview.tsx
+++ b/src/components/user-banner-list-preview/UserBannerListPreview.tsx
@@ -96,7 +96,7 @@ class UserBannerListPreview extends React.Component<
diff --git a/src/locales/de/translation.json b/src/locales/de/translation.json
index acd51eed..9462ab90 100644
--- a/src/locales/de/translation.json
+++ b/src/locales/de/translation.json
@@ -290,6 +290,10 @@
}
}
},
+ "error": {
+ "title": "Fehler die Seite wurde nicht gefunden",
+ "newestBanners": "Versuche mit den neuesten Bannern zu beginnen"
+ },
"search": {
"title": "Suche nach: {{searchTerm}}",
"button": "Suchen",
@@ -380,4 +384,4 @@
"eventAt": "Event am .",
"eventFromTo": "Event vom bis ."
}
-}
\ No newline at end of file
+}
diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
index 782633ab..b038bd98 100644
--- a/src/locales/en/translation.json
+++ b/src/locales/en/translation.json
@@ -291,6 +291,10 @@
}
}
},
+ "error": {
+ "title": "Error the page was not found",
+ "newestBanners": "Try to start with the newest banners"
+ },
"search": {
"title": "Search for {{searchTerm}}",
"button": "Search",
@@ -382,4 +386,4 @@
"eventAt": "Event at .",
"eventFromTo": "Event from to ."
}
-}
\ No newline at end of file
+}
diff --git a/src/locales/es/translation.json b/src/locales/es/translation.json
index c5797cb5..dfad28e8 100644
--- a/src/locales/es/translation.json
+++ b/src/locales/es/translation.json
@@ -270,6 +270,10 @@
}
}
},
+ "error": {
+ "title": "Error la página no fue encontrada",
+ "newestBanners": "Intenta empezar con los banners más nuevos"
+ },
"search": {
"title": "Buscando {{searchTerm}}",
"button": "Bucar",
@@ -361,4 +365,4 @@
"eventAt": "Evento el .",
"eventFromTo": "Evento del al ."
}
-}
\ No newline at end of file
+}
diff --git a/src/pages/agent/Agent.tsx b/src/pages/agent/Agent.tsx
index 28e5f3b6..0b33396a 100644
--- a/src/pages/agent/Agent.tsx
+++ b/src/pages/agent/Agent.tsx
@@ -142,7 +142,7 @@ class Agent extends React.Component {
banners={banners}
hasMoreBanners={hasMoreBanners}
loadMoreBanners={this.onLoadMoreBanners}
- applyBannerListStlyes
+ applyBannerListStyles
hideBlacklisted
showDetailsButton={false}
/>
diff --git a/src/pages/browser/Browser.tsx b/src/pages/browser/Browser.tsx
index 5a9e54c4..e9f8dc12 100644
--- a/src/pages/browser/Browser.tsx
+++ b/src/pages/browser/Browser.tsx
@@ -281,7 +281,7 @@ class Browser extends React.Component {
banners={banners}
hasMoreBanners={hasMore}
loadMoreBanners={this.onLoadMoreBanners}
- applyBannerListStlyes
+ applyBannerListStyles
hideBlacklisted
showDetailsButton={false}
/>
diff --git a/src/pages/error/Error.tsx b/src/pages/error/Error.tsx
new file mode 100644
index 00000000..daa445c8
--- /dev/null
+++ b/src/pages/error/Error.tsx
@@ -0,0 +1,54 @@
+import React, { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Helmet } from 'react-helmet'
+import _ from 'underscore'
+import FooterMain from '../../components/footer-main'
+import { Issue } from '../../components/Issues-list'
+import RecentBanners from '../../components/recent-banners'
+
+import './error.less'
+
+const Error: React.FC = () => {
+ const [ issues, setIssues] = useState>([])
+ const { t } = useTranslation()
+ const titleList: string = t('error.newestBanners')
+ const addIssues = useCallback(
+ (iss: Array) => {
+ setIssues((prevIssues) =>
+ _(prevIssues)
+ .chain()
+ .union(iss)
+ .uniq(false, (i) => i.key)
+ .value()
+ )
+ },
+ [setIssues]
+ )
+ const resetIssue = useCallback(
+ (key: string) => {
+ setIssues((prevIssues) => _(prevIssues).filter((i) => i.key !== key))
+ },
+ [setIssues]
+ )
+
+ return (
+
+
+ {t('error.title')}
+
+
+
{t('error.title')}
+
+
+
+
+
+
+ )
+}
+
+export default Error
diff --git a/src/pages/error/error.less b/src/pages/error/error.less
new file mode 100644
index 00000000..9b4ec742
--- /dev/null
+++ b/src/pages/error/error.less
@@ -0,0 +1,24 @@
+.error-page {
+ align-items: center;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ margin: 15px;
+
+ &__title {
+ text-align: center;
+ }
+
+ &__content {
+ display: flex;
+ justify-content: space-around;
+ margin-bottom: 1.5rem;
+ width: min(100%, 1200px);
+
+ .recent-banners-title {
+ h1 {
+ text-align: center;
+ }
+ }
+ }
+}
diff --git a/src/pages/error/index.ts b/src/pages/error/index.ts
new file mode 100644
index 00000000..f2778664
--- /dev/null
+++ b/src/pages/error/index.ts
@@ -0,0 +1 @@
+export { default as Error } from './Error'
diff --git a/src/pages/map-overview/MapOverview.tsx b/src/pages/map-overview/MapOverview.tsx
index 7e3d82ac..2cec5804 100644
--- a/src/pages/map-overview/MapOverview.tsx
+++ b/src/pages/map-overview/MapOverview.tsx
@@ -195,7 +195,7 @@ class MapOverview extends React.Component {
hasMoreBanners={false}
selectedBannerId={selectedBannerId}
onSelectBanner={this.onSelectBanner}
- applyBannerListStlyes
+ applyBannerListStyles
hideBlacklisted
showDetailsButton
/>
diff --git a/src/pages/search/Search.tsx b/src/pages/search/Search.tsx
index 4bd2ee69..97bd2c6e 100644
--- a/src/pages/search/Search.tsx
+++ b/src/pages/search/Search.tsx
@@ -209,7 +209,7 @@ class Search extends React.Component {
banners={banners}
hasMoreBanners={hasMoreBanners}
loadMoreBanners={this.onLoadMoreBanners}
- applyBannerListStlyes
+ applyBannerListStyles
hideBlacklisted
showDetailsButton={false}
/>
diff --git a/src/pages/user-banner-list/UserBannerList.tsx b/src/pages/user-banner-list/UserBannerList.tsx
index 1bb49e5a..e457e1e9 100644
--- a/src/pages/user-banner-list/UserBannerList.tsx
+++ b/src/pages/user-banner-list/UserBannerList.tsx
@@ -157,7 +157,7 @@ class UserBannerList extends React.Component<
banners={banners}
hasMoreBanners={hasMoreBanners}
loadMoreBanners={this.onLoadMoreBanners}
- applyBannerListStlyes
+ applyBannerListStyles
hideBlacklisted={false}
showDetailsButton={false}
/>