From d9225e36d795148068537e93c10079034ca0f119 Mon Sep 17 00:00:00 2001 From: Tony Grosinger Date: Wed, 31 Jan 2024 20:29:27 -0800 Subject: [PATCH] Fix rental table styling in dark mode --- src/app/rental/page.tsx | 82 ++++++++++++++++++++-------------------- src/components/Table.tsx | 25 ++++++++++++ 2 files changed, 67 insertions(+), 40 deletions(-) create mode 100644 src/components/Table.tsx diff --git a/src/app/rental/page.tsx b/src/app/rental/page.tsx index 3cccbc6..7e841b4 100644 --- a/src/app/rental/page.tsx +++ b/src/app/rental/page.tsx @@ -6,6 +6,8 @@ import clsx from 'clsx' import { Container } from '@/components/Container' import exteriorFront from '@/images/photos/exterior-front.png' import { EnvelopeIcon, PencilSquareIcon, QuestionMarkCircleIcon } from '@heroicons/react/24/solid' +import React from 'react' +import { TableCell, TableHeading, TableLeftHeading } from '@/components/Table' function SocialLink({ className, @@ -107,42 +109,42 @@ export default function Rental() { - - - - + + Half day (4 hr) + All day + Deposit - + - - - - + Orcas non-profit organizations + $50 or 2 hours for $30* + $100 + None† - - - - + WSCC and OIYC Members + $50 or 2 hours for $30* + $100 + None† - - - - + Off-island non-profit organizations + $50 + $100 + $300 - - - - + Individuals and non-public use + $40 per hour + $300 + $300 - - - - + Government sponsored activities + $50 + $50 + None†
Half day (4 hr)All dayDeposit
Orcas non-profit organizations$50 or 2 hours for $30*$100None†
WSCC and OIYC Members$50 or 2 hours for $30*$100None†
Off-island non-profit organizations$50$100$300
Individuals and non-public use$40 per hour$300$300
Government sponsored activities$50$50None†
@@ -168,23 +170,23 @@ export default function Rental() { The West Sound Community Hall may not be used for either personal or organizational monetary gain or to promote business activities. The only exceptions to this restriction are: - -
    -
  1. - Use for fund raising activities sponsored by the West Sound - Community Club, a nonprofit corporation, for purposes specified in - Article II of the Bylaws of the West Sound Community Club. -
    2. -
  2. - Use for fund raising activities sponsored by qualified nonprofit - organizations with prior approval by the President of the West Sound - Community Club. (Such activities must be less than five days in - length and more than 50% of the proceeds must be distributed to the - sponsoring nonprofit organization.) -
    3. -

+
    +
  1. + Use for fund raising activities sponsored by the West Sound + Community Club, a nonprofit corporation, for purposes specified in + Article II of the Bylaws of the West Sound Community Club. +
    2. +
  2. + Use for fund raising activities sponsored by qualified nonprofit + organizations with prior approval by the President of the West Sound + Community Club. (Such activities must be less than five days in + length and more than 50% of the proceeds must be distributed to the + sponsoring nonprofit organization.) +
    3. +
+

Any individual or organizational nonpublic use of the hall which requires payment of a fee by those attending or offers items for diff --git a/src/components/Table.tsx b/src/components/Table.tsx new file mode 100644 index 0000000..9dbd300 --- /dev/null +++ b/src/components/Table.tsx @@ -0,0 +1,25 @@ + +export function TableHeading({ + children +}: { + children: React.ReactNode +}) { + return {children} + +} + +export function TableLeftHeading({ + children +}: { + children: React.ReactNode +}) { + return {children} +} + +export function TableCell({ + children +}: { + children: React.ReactNode +}) { + return {children} +}