ojknation

import { createContext, useReducer } from "react";

export const WorkoutsContext = createContext();

const workoutsReducer = (state, action) => {
  switch (action.type) {
    case "SET_WORKOUTS":
      return {
        workouts: action.payload,
      };

ojknation

import html2canvas from "html2canvas";
import { jsPDF } from "jspdf";


const PDFDownload = () => {
   const ref = React.createRef();
  
   const handleDownloadPdf = async () => {
    const element = ref.current;
    const canvas = await html2canvas(element, {

ojknation

// the pageParam variable is very important, it is destructured from the object react query sends as a parameter to
//apiFunction, pageParam contains the current page number value which is key to the infinite query pattern

export const apiFunction = async ({ queryKey, pageParam }) => {
  const [, params] = queryKey;
 
  const { type, status, search, id } = params;

  // sample params

ojknation