iam-rohid

"use client";

import L from "leaflet";
import "leaflet.markercluster";
import { useEffect, useRef } from "react";
import { range } from "@/utils/range";

import "leaflet.markercluster/dist/MarkerCluster.Default.css";
import "leaflet.markercluster/dist/MarkerCluster.css";
import "leaflet/dist/leaflet.css";

iam-rohid

import {View, Text, StyleSheet, LayoutChangeEvent} from 'react-native';
import React, {useCallback, useState} from 'react';
import Animated, {
  Extrapolate,
  SharedValue,
  interpolate,
  runOnJS,
  useAnimatedGestureHandler,
  useAnimatedStyle,
  useSharedValue,

iam-rohid

{
  "name": "<app-name>",
  "version": "<app-version>",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },

iam-rohid

@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  @apply bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100;
}

html {
  scroll-padding-top: 2rem;

iam-rohid

import { ReactNode, useEffect } from "react";
import { createContext, FC, useCallback, useContext } from "react";
import { useLocalStorage } from "@src/hooks/useLocalStorage";

export type ColorScheme = "light" | "dark";

export type ColorSchemeContextType = {
  colorScheme: ColorScheme;
  toggleTheme: (scheme?: ColorScheme) => void;
};

iam-rohid

import { useCallback, useEffect, useState } from "react";

const useMediaQuery = (
  query: string,
  onChange?: (event: MediaQueryListEvent) => void
) => {
  const [state, setState] = useState(false);

  const onMediaChange = useCallback(
    (ev: MediaQueryListEvent) => {

iam-rohid

import { useEffect, useState } from "react";

export type UseLocalStorageProps<T> = {
  key: string;
  value: T;
};

export type UseLocalStorageReturn<T> = [
  state: T,
  setState: (newState: T) => void

iam-rohid

# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage