extract code from other repo

Author: timiscoding

.prettierrc.json

@@ -0,0 +1 @@
+{}

client/.eslintignore

@@ -0,0 +1,2 @@
+node_modules
+build

client/.eslintrc.js

@@ -0,0 +1,40 @@
+module.exports = {
+  env: {
+    browser: true,
+    es6: true,
+    "jest/globals": true
+  },
+  extends: ["react-app", "eslint:recommended", "plugin:react/recommended"],
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true
+    },
+    ecmaVersion: 2018,
+    sourceType: "module"
+  },
+  plugins: ["react", "jest"],
+  rules: {
+    indent: ["off", 2, { SwitchCase: 1 }],
+    "linebreak-style": ["error", "unix"],
+    quotes: ["error", "double"],
+    semi: ["error", "always"],
+    eqeqeq: "error",
+    "no-console": 0,
+    "no-trailing-spaces": "error",
+    "object-curly-spacing": ["error", "always"],
+    "arrow-spacing": ["error", { before: true, after: true }],
+    "react/prop-types": 0,
+    "no-restricted-imports": [
+      "error",
+      {
+        paths: [
+          {
+            name: "styled-components",
+            message: "Please import from styled-components/macro."
+          }
+        ],
+        patterns: ["!styled-components/macro"]
+      }
+    ]
+  }
+};

client/.storybook/.babelrc

@@ -0,0 +1,3 @@
+{
+  "plugins": ["@babel/plugin-proposal-optional-chaining", "macros"]
+}

client/.storybook/addons.js

@@ -0,0 +1,3 @@
+import "@storybook/addon-actions/register";
+import "@storybook/addon-knobs/register";
+import "@storybook/addon-viewport/register";

client/.storybook/config.js

@@ -0,0 +1,44 @@
+import { addParameters, configure, addDecorator } from "@storybook/react";
+import { MINIMAL_VIEWPORTS } from "@storybook/addon-viewport";
+import React, { useState, useCallback } from "react";
+import { ThemeProvider } from "styled-components";
+import theme from "../src/components/Theme";
+import GlobalStyle from "../src/components/GlobalStyle";
+import StoryRouter from "storybook-react-router";
+import { ModalProvider } from "../src/hooks";
+
+// automatically import all files ending in *.stories.js
+configure(require.context("../src/components", true, /\.stories\.js$/), module);
+
+addDecorator((storyFn) => (
+  <ThemeProvider theme={theme}>
+    <GlobalStyle />
+    {storyFn()}
+  </ThemeProvider>
+));
+
+addDecorator((storyFn) => {
+  const [showModal, setShowModal] = useState(false);
+
+  const modals = {
+    modal: {
+      show: showModal,
+      onOpen: () => setShowModal(true),
+      onClose: useCallback(() => setShowModal(false), []),
+    },
+    deleteBlogs: {
+      show: showModal,
+      onOpen: () => setShowModal(true),
+      onClose: useCallback(() => setShowModal(false), []),
+    },
+  };
+  return <ModalProvider value={modals}>{storyFn()}</ModalProvider>;
+});
+
+addDecorator(StoryRouter());
+
+addParameters({
+  viewport: {
+    viewports: MINIMAL_VIEWPORTS,
+  },
+});

client/.storybook/preview-body.html

@@ -0,0 +1 @@
+<div id="modal-root"></div>

client/.storybook/preview-head.html

@@ -0,0 +1,2 @@
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+</meta>