1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { useState } from "https://esm.sh/react@18.2.0";
3import { LocationSearchProps } from "./types";
4import { Location } from "../../shared/types";
91 id="zip-search"
92 value={zipCode}
93 onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
94 setZipCode(e.target.value)
95 }
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useRef, useEffect } from "https://esm.sh/react@18.2.0";
3import { Product, ProductCardProps, ProductCard } from "./ProductCard";
4
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useRef } from "https://esm.sh/react@18.2.0";
3
4type ShoppingListCreatorProps = {
52 const items = parseItems(value);
53
54 const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
55 setValue(e.target.value);
56 if (onChange) {
61 };
62
63 const handleSelect = (e: React.SyntheticEvent<HTMLTextAreaElement>) => {
64 maybeNotifyCursorLine(e.target as HTMLTextAreaElement);
65 };
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import { CurrentLocationIndicatorProps } from "./types";
4
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import { NavbarProps } from "./types";
4
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import { DashboardCardProps } from "./types";
4
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { useState, useEffect } from "https://esm.sh/react@18.2.0";
3import { DashboardProps } from "./types";
4import { Location } from "../../../shared/types";
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3
4export function LoginPage(): JSX.Element {
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3
4/**
85
86 // Handle card click: if quantity is 0, set to 1
87 const handleCardClick = (e: React.MouseEvent<HTMLDivElement>) => {
88 // Prevent click if it originated from a button inside the card
89 if (
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0";
3import { LoginPage } from "../ui-kit/src/components/LoginPage.tsx";
4import { Dashboard } from "../ui-kit/src/components/Dashboard.tsx";