Update dues for 2024

rnatulsa · Dec 30, 2023 · d093b3d · d093b3d
1 parent 8d517bd
commit d093b3d
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 51 deletions.
diff --git a/bylaws.md b/bylaws.md
@@ -20,7 +20,7 @@ There shall be one class of membership. This membership shall be allowed one vot
 
 ### Section 2. Dues
 
-Dues to be a member in good standing shall be $15 per individual/$20 per household (two adult votes per household)/ $30 per business membership (one vote per membership.) Dues are for one year beginning January 1st and ending December 31st. This dues structure is effective the January 1st after the amended date listed above.
+Dues to be a member in good standing shall be $15 per individual / $20 per household (two adult votes per household) / $30 per business membership (one vote per membership.) Dues are for one year beginning January 1st and ending December 31st. This dues structure is effective the January 1st after the amended date listed above.
 
 ### Section 3. Meetings
 

diff --git a/src/pages/bylaws.js b/src/pages/bylaws.js
@@ -30,7 +30,7 @@ export default function Bylaws() {
 
       <h3>Section 2. Dues</h3>
 
-      <p>Dues to be a member in good standing shall be $15 per individual/$20 per household (two adult votes per household)/ $30 per business membership (one vote per membership.) Dues are for one year beginning January 1st and ending December 31st. This dues structure is effective the January 1st after the amended date listed above.</p>
+      <p>Dues to be a member in good standing shall be $15 per individual / $20 per household (two adult votes per household) / $30 per business membership (one vote per membership.) Dues are for one year beginning January 1st and ending December 31st. This dues structure is effective the January 1st after the amended date listed above.</p>
 
       <h3>Section 3. Meetings</h3>
 

diff --git a/src/pages/dues.js b/src/pages/dues.js
@@ -1,37 +1,25 @@
 import React from 'react'
-import Link from 'next/link'
+import PropTypes from 'prop-types'
 import Title from '@/components/title'
 import Banner from '@/components/banner'
 import Section from '@/components/section'
 import RitzBanner from '@/images/wix/banners/RitzBanner.jpg'
 import styles from '@/styles/dues.module.css'
 
-const PayPalSingle = () => (
-  <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
-    <input type="hidden" name="cmd" value="_xclick" />
-    <input type="hidden" name="business" value="[email protected]" />
-    <input type="hidden" name="lc" value="US" />
-    <input type="hidden" name="item_name" value="RN Single Dues" />
-    <input type="hidden" name="item_number" value="Dues-1" />
-    <input type="hidden" name="amount" value="10.00" />
-    <input type="hidden" name="currency_code" value="USD" />
-    <input type="hidden" name="cancel_return" value="https://www.rnatulsa.org/dues" />
-    <input type="hidden" name="button_subtype" value="services" />
-    <input type="hidden" name="no_note" value="0" />
-    <input type="hidden" name="bn" value="PP-BuyNowBF:btn_buynowCC_LG.gif:NonHostedGuest" />
-    <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" />
-    <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1" />
-  </form>
-)
+const RATES = {
+  couples: 20,
+  singles: 15,
+  business: 30,
+}
 
-const PayPalCouples = () => (
+const PayPalBuyNowForm = ({ rate, itemName, itemNumber }) => (
   <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
     <input type="hidden" name="cmd" value="_xclick" />
     <input type="hidden" name="business" value="[email protected]" />
     <input type="hidden" name="lc" value="US" />
-    <input type="hidden" name="item_name" value="RNA Couples Dues" />
-    <input type="hidden" name="item_number" value="Dues-2" />
-    <input type="hidden" name="amount" value="15.00" />
+    <input type="hidden" name="item_name" value={itemName} />
+    <input type="hidden" name="item_number" value={itemNumber} />
+    <input type="hidden" name="amount" value={rate} />
     <input type="hidden" name="currency_code" value="USD" />
     <input type="hidden" name="cancel_return" value="https://www.rnatulsa.org/dues" />
     <input type="hidden" name="button_subtype" value="services" />
@@ -41,27 +29,15 @@ const PayPalCouples = () => (
     <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1" />
   </form>
 )
+PayPalBuyNowForm.propTypes = {
+  rate: PropTypes.number.isRequired,
+  itemName: PropTypes.string.isRequired,
+  itemNumber: PropTypes.string.isRequired,
+}
 
-const PayPalBusiness = () => (
-  <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
-    <input type="hidden" name="cmd" value="_xclick" />
-    <input type="hidden" name="business" value="[email protected]" />
-    <input type="hidden" name="lc" value="US" />
-    <input type="hidden" name="item_name" value="RNA Business Dues" />
-    <input type="hidden" name="item_number" value="Dues-B" />
-    <input type="hidden" name="amount" value="25.00" />
-    <input type="hidden" name="currency_code" value="USD" />
-    <input type="hidden" name="cancel_return" value="https://www.rnatulsa.org/dues" />
-    <input type="hidden" name="button_subtype" value="services" />
-    <input type="hidden" name="no_note" value="0" />
-    <input type="hidden" name="bn" value="PP-BuyNowBF:btn_buynowCC_LG.gif:NonHostedGuest" />
-    <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" />
-    <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1" />
-  </form>
-)
+const rate = value => value.toLocaleString('en-US', { style: 'currency', currency: "USD" }).replace('.00', '') + '/year'
 
 export default function Dues() {
-
   return <>
     <Title>Dues</Title>
 
@@ -80,9 +56,9 @@ export default function Dues() {
       <div className="; flex-1">
         <h5 className="; text-center">Rates</h5>
         <ul>
-          <li><span>Couples Rate</span> $15/year for two adults (two votes) in same residence</li>
-          <li><span>Single Rate</span> $10/year for one adult (one vote) at a residence</li>
-          <li><span>Business Rate</span> $25/year for one business (one vote) located within neighborhood</li>
+          <li><span>Couples Rate</span> {rate(RATES.couples)} for two adults (two votes) in same residence</li>
+          <li><span>Single Rate</span> {rate(RATES.singles)} for one adult (one vote) at a residence</li>
+          <li><span>Business Rate</span> {rate(RATES.business)} for one business (one vote) located within neighborhood</li>
         </ul>
         <p className="; mx-auto" style={{ width: '79px' }}>
           <svg preserveAspectRatio="xMidYMid meet" data-bbox="34.501 48 130.997 104.001" viewBox="34.501 48 130.997 104.001" height="200" width="200" xmlns="http://www.w3.org/2000/svg" data-type="color" role="img" style={{ width: '79px', height: '62px' }}>
@@ -106,14 +82,14 @@ export default function Dues() {
       <div className="; flex-1">
         <h5 className="; text-center">Online Payments</h5>
         <div className={styles.paypalButtons}>
-          <p>Couples Rate</p>
-          <PayPalCouples />
+          <p>Couples Rate - {rate(RATES.couples)}</p>
+          <PayPalBuyNowForm rate={RATES.couples} itemName={'RNA Couples Dues'} itemNumber={'Dues-2'} />
 
-          <p>Single Rate</p>
-          <PayPalSingle />
+          <p>Single Rate - {rate(RATES.singles)}</p>
+          <PayPalBuyNowForm rate={RATES.singles} itemName={'RNA Single Dues'} itemNumber={'Dues-1'} />
 
-          <p>Business Rate</p>
-          <PayPalBusiness />
+          <p>Business Rate - {rate(RATES.business)}</p>
+          <PayPalBuyNowForm rate={RATES.business} itemName={'RNA Business Dues'} itemNumber={'Dues-B'} />
         </div>
       </div>
     </Section>