vinzcelavi

Axept.io TCF CMP client-side JS library

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

vinzcelavi

import { useState, useEffect } from 'react';
import styled, { keyframes } from 'styled-components';

const Root = styled.div`
  position: relative;
  min-height: 100vh;
`;

const LoaderAnim = keyframes`
  to {

vinzcelavi

import { useEffect } from 'react';
import { NextSeo } from 'next-seo';
import { PrismicRichText } from '@prismicio/react';

import Container from 'components/Container/Container';
import Toptitle from 'components/Toptitle/Toptitle';
import Headings from 'components/Headings/Headings';
import Spacer from 'components/Spacer/Spacer';
import Button from 'components/Button/Button';
import PageHeader from 'components/PageHeader/PageHeader';

vinzcelavi

if(
  and(
    prop("Nombre de familles de cookies connu") == ">=4", 
    prop("Connaissances en protection de la donnée personnelle") == ">3"
  ),
  "Datainstructor",
  if(
    prop("Nombre de familles de cookies connu") == ">=4",
    if(
      prop("Connaissances en protection de la donnée personnelle") == "<=3",

vinzcelavi

useEffect(() => {
    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
    // @ts-ignore
    window._axcb = window._axcb || [];
    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
    // @ts-ignore
    window._axcb.push(axeptio => {
      const element = document.querySelectorAll(
        '[name*="axeptio_processings_axeptio"]'
      );

vinzcelavi

import React, { createElement, useState } from 'react';
import { storiesOf } from '@storybook/react';
import Checkbox from './Checkbox';
import Grid from '../Grid/Grid';
import { StoryWrapper, Wrap } from '../Mixins';

storiesOf('Forms/Checkbox', module).add('Default', () =>
  createElement(() => {
    const [isChecked, setIsChecked] = useState([0, 0, 0, 0]);

vinzcelavi

.container {
  outline: 1px solid hotpink;

  &::before {
    z-index: 1000;
    content: 'container';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;

vinzcelavi

<div class="content">
  <h1><img src="http://res.cloudinary.com/hb395gw1l/image/upload/v1530110596/web-assets/logo-lunchr.svg" alt="Lunchr" /></h1>

  <h2>Se connecter</h2>

  <form class="form">
    <div class="form__input">
      <label>Email</label>
      <input type="email" placeholder="Entrez votre courriel" />
    </div>