VithuJey

/*
 *   Stripe WebGl Gradient Animation
 *   All Credits to Stripe.com
 *   ScrollObserver functionality to disable animation when not scrolled into view has been disabled and
 *   commented out for now.
 *   https://kevinhufnagl.com
 */

//Converting colors to proper format
function normalizeColor(hexCode) {

VithuJey

<Route path="/search" children={<Search />} />
...
<Link to={`/search?category=${cat}&bundle=${bund}`}>Search</Link>
...
let location = useLocation();
console.log(location)

/*
{
  pathname: '/search',

VithuJey

function userPermission({ userID: string }) {
  const res = await fetch(`https://api.amazon.com/user/${userID}`);
  const userPermission = await res.json();
  localStorage.setItem("userPermission", JSON.stringify(userPermission));
}

VithuJey

export default function DeliveryForm() {
  const { register, handleSubmit, formState: { errors } } = useForm();
  const onSubmit = data => console.log(data);

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
  
      <input placeholder="Full Name" {...register("fullName")} />

      <input placeholder="Delivery Address" {...register("deliveryAddress", { required: true })} />

VithuJey

function ProductList() {
  const getProducts = async () => {
    const res = await fetch("https://api.amazon.com/products");
    const products = await res.json();
    return products;
  };

  const { data, isLoading, isError, error } = useQuery("productList", getProducts);

  if (isLoading) return "Loading...";

VithuJey

import { createSlice, PayloadAction } from '@reduxjs/toolkit'

export interface OrderState {
  item: string;
  qty: number;
  total: number;
}

const initialState: OrderState = {
  item: "",

VithuJey

const puppeteer = require('puppeteer');

async function getPic() {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('http://courseweb.sliit.lk');
  await page.screenshot({path: 'courseweb.png'});

  await browser.close();
}