AlbionaHoti

Keybase proof

I hereby claim:

• I am albionahoti on github.
• I am albiona (https://keybase.io/albiona) on keybase.
• I have a public key ASAjMqQPz1HH-Di418nSbM_nnYej7YESlWNH5rmCClODlgo

To claim this, I am signing this object:

AlbionaHoti

Update the forked repo with git rebase

1. Add the remote (original repo that you forked) and call it “upstream”

git remote add upstream https://github.com/original-repo/goes-here.git

2. Fetch all branches of remote upstream

git fetch upstream

AlbionaHoti

/* eslint-disable */
const withLess = require('@zeit/next-less')
const lessToJS = require('less-vars-to-js')
const fs = require('fs')
const path = require('path')

// Where your antd-custom.less file lives
const themeVariables = lessToJS(
  fs.readFileSync(path.resolve(__dirname, './assets/antd-custom.less'), 'utf8')
)

AlbionaHoti

{
  "presets": ["next/babel"],
  "plugins": [
    [
      "import",
      {
        "libraryName": "antd",
        "style": true
      }
    ]

AlbionaHoti

@layout-header-height: 40px;
@border-radius-base: 2px;

@primary-color: #1890ff; // primary color for all components
@link-color: #1890ff; // link color
@success-color: #52c41a; // success state color
@warning-color: #faad14; // warning state color
@error-color: #f5222d; // error state color
@font-size-base: 14px; // major text font size
@heading-color: rgba(0, 0, 0, 0.85); // heading text color

AlbionaHoti

import { useMemo } from 'react'
import { ApolloClient, HttpLink, InMemoryCache } from '@apollo/client'

let apolloClient

function createApolloClient() {
    return new ApolloClient({
        ssrMode: typeof window === 'undefined',
        link: new HttpLink({
            uri: process.env.CONTENT_DELIVERY_API_URL, // `.../cms/read/production`

AlbionaHoti

import { ApolloProvider } from '@apollo/client'
import { useApollo } from '../lib/apolloClient'
import { ApolloProvider as ApolloHooksProvider } from '@apollo/react-hooks'

// Layout Component
import LayoutContent from '../components/LayoutContent'

// React Context
import { CartProvider } from '../context/Context'

AlbionaHoti

import React, { useState } from 'react'

// Ant design
import { Input } from 'antd'

const { Search } = Input

import ProductList, { QUERY } from '../components/ProductList' // QUERY -> returns the producst and categories data

// Apollo

AlbionaHoti

import React from 'react'
import Stripe from 'stripe'
import { parseCookies, setCookie } from 'nookies'
import { loadStripe } from '@stripe/stripe-js'
import { Elements } from '@stripe/react-stripe-js'

// Components
import CheckoutForm from '../components/CheckoutForm'

// initialize the stripe library and create a payment intent

AlbionaHoti

import React, { useState, useContext } from 'react'
import Router from 'next/router'

// Stripe
import { CardElement, useStripe, useElements } from '@stripe/react-stripe-js'

import { destroyCookie } from 'nookies'

// React context
import { CartContext, TotalContext } from '../context/Context'