Merge pull request #353 from dabapps/cookie-banner-max-age

Set optional max age for cookie banner

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dabapps/roe",
-  "version": "0.13.0",
+  "version": "0.13.1",
   "description": "A collection of React components, styles, mixins, and atomic CSS classes to aid with the development of web applications.",
   "main": "dist/js/index.js",
   "types": "dist/js/index.d.ts",

src/ts/components/banners/cookie-banner.tsx

@@ -23,20 +23,30 @@ export type CookieBannerProps = {
    * @default 'bottom'
    */
   position?: 'top' | 'bottom';
+  /**
+   * Sets maximum age for the cookie in seconds
+   * @default 60 * 60 * 24 * 365
+   */
+  maxAge?: number;
 } & OptionalComponentPropAndHTMLAttributes;
 
 /**
  * A [Banner](#banner) component that is permanently dismissed after setting a cookie.
  * This component takes a render prop, which can be a component or function, that is passed a dismiss prop
  * which you can then apply as an onClick prop to an element of your choice.
  */
+
+const A_YEAR_IN_SECONDS = 60 * 60 * 24 * 365;
+
 const CookieBanner = (props: CookieBannerProps) => {
   const [dismissed, setDismissed] = React.useState(
     Boolean(cookie.parse(document.cookie)['cookies-accepted'])
   );
 
   const setCookie = () => {
-    document.cookie = cookie.serialize('cookies-accepted', 'true');
+    document.cookie = cookie.serialize('cookies-accepted', 'true', {
+      maxAge: props.maxAge || A_YEAR_IN_SECONDS,
+    });
     setDismissed(true);
   };