Credits footer.

src/App.tsx

@@ -9,6 +9,7 @@ import { Confirmation } from './pages/Confirmation';
 import { IntlProvider } from 'react-intl';
 import { localization } from './constants/localization';
 import { ConfigProvider } from 'antd';
+import { Credits } from './components/Credits';
 
 export default function App() {
   const language = useRecoilValue(currentLanguage);
@@ -28,6 +29,7 @@ export default function App() {
           <Route path='/:page' exact component={Main} />
           <Route path='/registration/:id' component={Registration} />
         </Switch>
+        <Credits />
       </Router>
     </IntlProvider>
   );

src/components/Credits.scss

@@ -0,0 +1,12 @@
+.Credits {
+  font-size: 1.3rem;
+  text-align: center;
+  padding-bottom: 1rem;
+  margin-top: 1rem;
+  font-weight: bold;
+
+  .separator {
+    margin-left: 1rem;
+    margin-right: 1rem;
+  }
+}

src/components/Credits.tsx

@@ -0,0 +1,19 @@
+import './Credits.scss';
+
+import { FormattedMessage } from 'react-intl';
+
+export const Credits = () => {
+  return (
+    <div className='Credits'>
+      <span>
+        <a href='https://github.com/codevictory/lintujamaslo/'>
+          <FormattedMessage id='common.sourceCode' /> codevictory
+        </a>
+      </span>
+      <span className='separator'>|</span>
+      <span>
+        <FormattedMessage id='common.design' /> Jana Černá
+      </span>
+    </div>
+  );
+};

src/constants/localization/common/en.ts

@@ -2,5 +2,7 @@ export const common: Record<string, string> = {
     "common.lintu": "Lintu",
     "common.maslo": "Maslo",
     "common.datetime": "August 27",
-    "common.place": "Seurantalo | Livonsaari" 
+    "common.place": "Seurantalo | Livonsaari",
+    "common.sourceCode": "code by",
+    "common.design": "design by"
 }

src/constants/localization/common/fi.ts

@@ -2,5 +2,7 @@ export const common: Record<string, string> = {
     "common.lintu": "Lintu",
     "common.maslo": "Maslo",
     "common.datetime": "Elokuun 27",
-    "common.place": "Seurantalo | Livonsaari" 
+    "common.place": "Seurantalo | Livonsaari",
+    "common.sourceCode": "lähdekoodi by",
+    "common.design": "design by"
 }