adeleke5140

.editor-group-watermark > .letterpress{
  background-image: url("https://github.com/Aikoyori/ProgrammingVTuberLogos/blob/main/VSCode/VSCode.png?raw=true");
  opacity: 0.9
}

adeleke5140

const MultiSelect = ({
  options,
  inputId,
  name,
  inputPlaceholder,
  ...rest
}: MultiSelectProps) => {
  return (
    <Select
      {...rest}

adeleke5140

const Notifications = () => {
  const { container, ref } = useModalParent<HTMLDivElement>();
  return (
    <div ref={ref}>
    // rest of code
        <Popover.Portal container={container}>
          // rest of code
        </Popover/>
    </div>
  )

adeleke5140

import axios, { CreateAxiosDefaults } from 'axios'
import { refreshToken as refreshTokenAdapter} from './session'


export const getJSONContentHeaders = () => {
  "Content-Type": "application/json",
  Accept: "application/json"
}

adeleke5140

const blob = b64toBlob(imageSrc.replace(/^data:image\/jpeg;base64,/, ""));
const file = new File([blob], "profile.jpeg", { type: "image/jpeg" });
const blobURl = URL.createObjectURL(file);

adeleke5140

Dependency Injection in ReactJS

This is a conversation on the DI pattern in ReactJS.

This article from the folks at 8th Light is great. The author explains how it makes component very easy to test. It encourages unit testing rather than integration testing.

In essence:

It also allows for substitution of a dependency with a mock, or fake, during testing.

adeleke5140

import { writeFileSync } from "fs";
import { join } from "path";
import { NextApiRequest, NextApiResponse } from "next";

export default async (req: NextApiRequest, res: NextApiResponse) => {
  try {
    if (req.method === "POST") {
      const base64 = req.body.image;
      const cleanBase64Data = base64.replace(/^data:image\/jpeg;base64,/, ""); // Remove the data URI prefix
      const binaryData = Buffer.from(cleanBase64Data, "base64");

adeleke5140

import type { ValidRoute } from "@/lib/types";
import { getActiveRoute } from "@/utils/getActiveRoute";
import Link from "next/link";
import { useRouter } from "next/router";

type CustomLinkProps = {
  href: ValidRoute;
  children: React.ReactNode;
};

adeleke5140

import { classNames } from 'utils'

type Size = 'small' | 'medium' | 'large'

type AvatarProps = {
  size?: Size
  src?: string
  alt?: string
}

adeleke5140

/*
  Styles for the React date picker input
*/

/* .react-datepicker-wrapper {
  width: 100%;
}

.react-datepicker__input-container {