@autobusal/common 0.0.13 → 0.0.15

package/BackTo.tsx

@@ -0,0 +1,35 @@
+import { TFunction } from 'i18next';
+import { Link } from 'react-router-dom';
+import styled from 'styled-components';
+import { BiChevronLeftCircle } from 'react-icons/bi';
+
+interface Props {
+  to: string
+  t: TFunction<'general'>
+}
+
+const LinkStyled = styled(Link)`
+  display: inline-flex;
+  gap: 5px;
+  align-items: center;
+  padding: 4px 12px;
+  font-size: calc(${ props => props.theme.size.info } - 1px);
+  text-transform: uppercase;
+  background: ${ props => props.theme.neutral };
+  border-radius: ${ props => props.theme.borderRadius };
+  transition: all 0.3s ease;
+
+  &:hover {
+    text-decoration: none;
+    background: ${ props => props.theme.primaryTransparent };
+  }
+`;
+
+const BackTo = ({ to, t }: Props): JSX.Element => (
+  <LinkStyled to={ to }>
+    <BiChevronLeftCircle />
+    { t('general:back') }
+  </LinkStyled>
+);
+
+export default BackTo;

package/Meta.tsx

@@ -4,7 +4,7 @@ interface Props {
   title: string
   keywords?: string
   description?: string
-  children: JSX.Element | JSX.Element[] | string | null | false
+  children: JSX.Element | JSX.Element[] | string | null | false | boolean
 }
 
 const Meta = ({ title, keywords, description, children }: Props): JSX.Element => (

package/index.ts

@@ -1,3 +1,4 @@
+import BackTo from './BackTo';
 import CookieNotification from './CookieNotification/CookieNotification';
 import ChangeLanguage from './ChangeLanguage/ChangeLanguage';
 import { Button } from './Button/Button';
@@ -6,6 +7,7 @@ import Modal from './Modal/Modal';
 import Meta from './Meta';
 
 export {
+  BackTo,
   Button,
   CookieNotification,
   ChangeLanguage,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/common",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "type": "module",
   "main": "index.ts",
   "dependencies": {
@@ -11,6 +11,7 @@
     "react-helmet": "^6.1.0",
     "react-icons": "^5.0.1",
     "react-loading-skeleton": "^3.3.1",
+    "react-router-dom": "^6.21.3",
     "spinners-react": "^1.0.7",
     "styled-components": "^6.1.8"
   }