1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState } from "https://esm.sh/react@18.2.0";
3
4interface ContactProps {
6}
7
8const Contact: React.FC<ContactProps> = ({ onNavigate }) => {
9 const [formData, setFormData] = useState({
10 name: '',
16 const [submitMessage, setSubmitMessage] = useState('');
17
18 const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => {
19 const { name, value } = e.target;
20 setFormData(prev => ({
24 };
25
26 const handleSubmit = async (e: React.FormEvent) => {
27 e.preventDefault();
28 setIsSubmitting(true);
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState } from "https://esm.sh/react@18.2.0";
3import type { ContactForm } from "../../../shared/types.ts";
4
7}
8
9const GetInvolved: React.FC<GetInvolvedProps> = ({ onNavigate }) => {
10 const [formData, setFormData] = useState<ContactForm>({
11 name: '',
18 const [submitMessage, setSubmitMessage] = useState('');
19
20 const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => {
21 const { name, value } = e.target;
22 setFormData(prev => ({
26 };
27
28 const handleSubmit = async (e: React.FormEvent) => {
29 e.preventDefault();
30 setIsSubmitting(true);
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import type { Event } from "../../../shared/types.ts";
4
7}
8
9const Events: React.FC<EventsProps> = ({ onNavigate }) => {
10 const upcomingEvents: Event[] = [
11 {
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import type { FilmClubActivity } from "../../../shared/types.ts";
4
7}
8
9const FilmClubs: React.FC<FilmClubsProps> = ({ onNavigate }) => {
10 const activities: FilmClubActivity[] = [
11 {
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import App from "./components/App.tsx";
5
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import type { CoreValue } from "../../../shared/types.ts";
4
7}
8
9const About: React.FC<AboutProps> = ({ onNavigate }) => {
10 const coreValues: CoreValue[] = [
11 {
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import App from "./components/App.tsx";
5
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useEffect, useRef } from "https://esm.sh/react@18.2.0?deps=react@18.2.0";
3import type { ChatMessage, ApiResponse } from "../../shared/types.ts";
4
35 };
36
37 const sendMessage = async (e: React.FormEvent) => {
38 e.preventDefault();
39
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState } from "https://esm.sh/react@18.2.0?deps=react@18.2.0";
3import type { Job, ApiResponse } from "../../shared/types.ts";
4
19 const [error, setError] = useState<string | null>(null);
20
21 const handleSubmit = async (e: React.FormEvent) => {
22 e.preventDefault();
23 setLoading(true);
55 };
56
57 const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
58 const { name, value } = e.target;
59 setFormData(prev => ({
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useEffect } from "https://esm.sh/react@18.2.0?deps=react@18.2.0";
3import type { Job, ApiResponse } from "../../shared/types.ts";
4import JobForm from "./JobForm.tsx";
