Tulsi Prasad heytulsiprasad

For Outlook

	import React, { useState, useEffect } from 'react';
	// I'm using react-bootstrap for UI elements
	import { Table, Button, ButtonGroup } from 'react-bootstrap';
	// Firebase config
	import { getFirestore, collection, query, orderBy, limit, startAfter, endBefore, onSnapshot } from 'firebase/firestore';
	import { getApp } from 'firebase/app';

	export default function App() {
	const [list, setList] = useState([]);
	const [page, setPage] = useState(1);

	{/* Payment info card */}
	<form
	className="bg-white rounded-2xl px-10 py-8 w-full mt-6 widescreenConstraint"
	onSubmit={handleSubmit}>
	<h2 className="font-fredoka font-bold text-3xl">Payment Information</h2>
	<input
	type="tel"
	name="cardNumber"
	placeholder="Credit Card Number"
	className="w-full mt-4 p-4 rounded-2xl border-[1px] border-lightGrey"

	//for zoom detection
	px_ratio = window.devicePixelRatio \|\| window.screen.availWidth / document.documentElement.clientWidth;

	function isZooming(){
	var newPx_ratio = window.devicePixelRatio \|\| window.screen.availWidth / document.documentElement.clientWidth;
	if(newPx_ratio != px_ratio){
	px_ratio = newPx_ratio;
	console.log("zooming");
	return true;
	}else{

	{
	"sync.gist": "c9c964ae99f2e35d5e2219b5dfd9b7ef",
	"workbench.iconTheme": "material-icon-theme",
	"workbench.startupEditor": "newUntitledFile",
	"explorer.confirmDelete": false,
	"explorer.confirmDragAndDrop": false,
	"prettier.packageManager": "yarn",
	"[javascript]": {
	"editor.defaultFormatter": "esbenp.prettier-vscode"
	},

	@echo off

	:: Creator: Dave Kirkwood
	:: Modified:By Britec
	:: Created: 24/09/2020
	:: Updated: 21/09/2022
	::

	:: First Stop Microsoft Edge Task
	taskkill /F /IM msedge.exe >nul 2>&1

	<head>
	<title>Target 2025</title>
	<link
	rel="icon"
	href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎯</text></svg>"
	/>
	</head>