From 0396845c8d929dd6d2ab269245627d8897432b97 Mon Sep 17 00:00:00 2001
From: Glenn <gpiludu@gmail.com>
Date: Fri, 13 Sep 2024 09:41:17 -0500
Subject: [PATCH] White Mesa onboarding

---
 .devcontainer/docker-compose.yml              |  10 +-
 .docker/docker-compose.yml                    |   2 +-
 .env.example => .env                          |  11 +-
 .gitignore                                    |   5 +-
 .../seeds/development/seed-campaigns-table.js | 224 +++---------------
 src/components/DonateMoney.vue                |   2 +-
 src/components/TakeAction.vue                 |   7 +
 src/components/UtahLetterLoad.vue             | 179 ++++++++++++++
 8 files changed, 232 insertions(+), 208 deletions(-)
 rename .env.example => .env (81%)
 create mode 100644 src/components/UtahLetterLoad.vue

diff --git a/.devcontainer/docker-compose.yml b/.devcontainer/docker-compose.yml
index c60781886..a04a840f7 100644
--- a/.devcontainer/docker-compose.yml
+++ b/.devcontainer/docker-compose.yml
@@ -16,7 +16,7 @@ services:
       - POSTGRESS_DB=postgres
       - POSTGRES_USER=postgres
       - POSTGRES_PASSWORD=postgres
-      - POSTGRES_PORT=5433
+      - POSTGRES_PORT=5432
 
     volumes:
       - ..:/workspace:cached
@@ -39,12 +39,12 @@ services:
       POSTGRES_DB: postgres
       POSTGRES_USER: postgres
       POSTGRES_PASSWORD: postgres
-      POSTGRES_PORT: 5433
+      POSTGRES_PORT: 5432
     expose:
-      - '5433' # Publishes port to other containers but NOT to host machine
+      - '5432' # Publishes port to other containers but NOT to host machine
     ports:
-      - '5433:5433' # Expose PostgreSQL to the host machine on port 5433
-    command: '-p 5433' # Run the container's PostgreSQL server on non-standard port 5433 as well
+      - '5432:5432' # Expose PostgreSQL to the host machine on port 5433
+    command: '-p 5432' # Run the container's PostgreSQL server on non-standard port 5433 as well
 
 volumes:
   postgres-data: null
diff --git a/.docker/docker-compose.yml b/.docker/docker-compose.yml
index ad4679a27..0812ef743 100644
--- a/.docker/docker-compose.yml
+++ b/.docker/docker-compose.yml
@@ -33,7 +33,7 @@ services:
     expose:
       - 5432
     ports:
-      - 5433:5432
+      - 5432:5432
     networks:
       - amplify_dev
     healthcheck:
diff --git a/.env.example b/.env
similarity index 81%
rename from .env.example
rename to .env
index 957abf18c..e46e8cc5d 100644
--- a/.env.example
+++ b/.env
@@ -25,9 +25,14 @@ TWILIO_ACCOUNT_SID=your_twilio_account_id # this is user generated
 TWILIO_AUTH_TOKEN=TWILIO_SECRET_KEY
 
 # To run in single-campaign mode, set the following environment vars
-VUE_APP_CAMPAIGN_MODE = "single" # or "default" for normal operation
-VUE_APP_FEATURED_CAMPAIGN = "6" # campaign's id from Postgres
-VUE_APP_LETTER_TEMPLATE = "tmpl_4ffaf2960112b63" # the template associated with the featured campaign
+VUE_APP_CAMPAIGN_MODE=single
+VUE_APP_FEATURED_CAMPAIGN=1
+VUE_APP_LETTER_TEMPLATE=tmpl_951e09eb07bfd24
+
+POSTGRES_USER=postgres
+POSTGRES_PASSWORD=postgres
+POSTGRES_PORT=5432
+POSTGRES_HOST=amplify_db
 
 # Enable $0 transactions (set to 'on' to enable, used in both FE and BE)
 VUE_APP_EMPTY_TRANSACTIONS=
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index 1e2586f06..7c97a281e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,6 +5,7 @@ package-lock.json
 
 
 # local env files
+.env.test
 .env.local
 .env.*.local
 
@@ -92,10 +93,6 @@ web_modules/
 # Yarn Integrity file
 .yarn-integrity
 
-# dotenv environment variables file
-.env
-.env.test
-
 # parcel-bundler cache (https://parceljs.org/)
 .cache
 .parcel-cache
diff --git a/server/db/seeds/development/seed-campaigns-table.js b/server/db/seeds/development/seed-campaigns-table.js
index 37ff29c30..30d59ef09 100644
--- a/server/db/seeds/development/seed-campaigns-table.js
+++ b/server/db/seeds/development/seed-campaigns-table.js
@@ -7,216 +7,52 @@ module.exports = {
     await knex('campaigns').insert([
       {
         id: 1,
-        organization: 'M4BL',
-        name: 'The Breathe Act',
+        organization: 'White Mesa Ute Community',
+        name: 'White Mesa Concerned Community',
         cause: 'Civic Rights',
         type: 'Grant',
-        page_url: 'breatheact.org'
-      },
-      {
-        id: 2,
-        organization: 'Sunrise New York',
-        name: 'Climate and Community Investment Act',
-        cause: 'Climate Justice',
-        type: 'Grant',
-        page_url: 'climatecantwait.org'
-      },
-      {
-        id: 3,
-        organization: 'Sunrise New York',
-        name: 'Energy Efficiency, Equity and Jobs Assembly Bill',
-        cause: 'Climate Justice',
-        type: 'Grant',
-        page_url: 'climatecantwait.org'
-      },
-      {
-        id: 4,
-        organization: 'Sunrise New York',
-        name: 'Proposed Actions on EJ Communities',
-        cause: 'Climate Justice',
-        type: 'Grant',
-        page_url: 'climatecantwait.org'
-      },
-      {
-        id: 5,
-        organization: "Sogorea 'Te Land Trust",
-        name: "Sogorea 'Te Land Trust",
-        cause: 'Civic Rights',
-        type: 'Grant',
-        page_url: 'https://sogoreate-landtrust.org/'
-      },
-      {
-        id: 6,
-        organization: 'Tuolumne River Trust',
-        name: 'Tuolumne River Trust',
-        cause: 'Civic Rights',
-        type: 'Grant',
-        page_url: 'https://www.tuolumne.org/revive-the-tuolumne',
-        campaign_tagline: 'For a Healthy and Vibrant River',
-        campaign_text:
-          '<p><strong>The Tuolumne River is on the verge of ecological collapse. </strong>Historically, the River hosted well over <strong>100,000 salmon</strong>, but in 2020 only <strong>1,000</strong> returned to spawn. And it’s not just about fish. Before dams were constructed to divert water to farms and urban areas, salmon transported millions of pounds of nutrients from the ocean to upland habitats, where they fueled the food web and fertilized forests and meadows. Absent those nutrients, the Tuolumne’s salmon-based ecosystem is in a state of crisis.</p><p>The main cause of the River’s demise is inadequate instream flows. In an average year, <a href=”https://www.tuolumne.org/questions” target=”_blank”>only 21% of the Tuolumne’s unimpaired flow</a> reaches the San Joaquin River. During the recent drought, <a href=”https://www.tuolumne.org/questions” target=”_blank”>unimpaired flow averaged just 12%</a> for five straight years. Meanwhile, more than three years’ worth of water remained impounded behind SFPUC dams, and all that water (and much more) had to be “dumped” back into the River two years later to prevent flooding downstream. The Tuolumne experienced one exceptionally good year at the expense of five terrible years.</p><p>Revive the Tuolumne aims to reverse this negative trend and restore the River. Our <a href=”https://www.tuolumne.org/let-it-flow” target=”_blank”>Let it Flow</a> campaign advocates for higher instream flows through <a href=”https://www.tuolumne.org/ferc” target=”_blank”>federal licensing of dams</a> and by supporting the State Water Board’s update of the <a href=”https://www.tuolumne.org/ferc” target=”_blank”>Bay Delta Water Quality Control Plan.</a> Our <a href=”https://www.tuolumne.org/use-it-wisely” target=”_blank”>Use It Wisely</a> campaign promotes water conservation and alternative water supplies to reduce reliance on Tuolumne River water so that more can be made available for environmental purposes.</p>',
-        supplemental_text:
-          '<p>SFPUC water policies create unnecessary water scarcity throughout the Tuolumne watershed and skyrocketing water costs for ratepayers. These water woes are the result of dubious “science” and conservative water storage based on an SFPUC-manufactured drought plan called the Design Drought.</p><p>The Design Drought arbitrarily combines two of the worst droughts on record to create a megadrought that might occur once in 25,000 years. The Design Drought has prompted the SFPUC to create an Alternative Water Supply Plan that would double the SFPUC budget (and water rates) to produce expensive water we won’t ever need, while continuing to minimize river flows in the Tuolumne.</p><p>Low flows along the Tuolumne River harm the environment: the wild salmon population is on the brink of collapse and the scarcity of this keystone species negatively impacts riparian, delta, bay, and ocean ecosystems as well; frontline communities experience illness from toxic algae blooms and water scarcity; and Indigenous Tribes and commercial fishing communities that rely on healthy fisheries experience the collapse of lifeways and economies.</p><p>We encourage you to send a letter to the San Francisco Board of Supervisors, demanding science-backed water policies and a financially viable SFPUC budget.</p><p>Let your supervisor know that the citizens call for an independent audit of the SFPUC!</p>',
+        page_url: 'https://protectwhitemesa.org/',
+        campaign_tagline: 'Protecting the Ute Tribal Lands and Peoples from Radioactive Waste',
+        campaign_text: '<p>White Mesa Concerned Community is a grassroots group of concerned tribal members of the Ute Mountain Ute Tribe. We work to inform our fellow tribal members and the public about our struggle to protect our community, health, water, air, land, culture, and sacred sites from toxic and radioactive contamination from the uranium mill. We demand that the uranium mill be closed and cleaned up.</p><p>Here are some of the species that continue to be impacted by the uranium mining:</p><p>Mexican Spotted Owl (Strix occidentalis lucida): This owl is found in forested canyons and riparian zones. The tribe works to protect its habitat by managing forest resources and reducing threats such as wildfires and logging.</p><p>Southwestern Willow Flycatcher (Empidonax traillii extimus): Found in riparian areas, this bird\'s protection includes restoring native vegetation, managing water resources, and preventing habitat degradation from livestock grazing and invasive species.</p><p>Gunnison Sage-Grouse (Centrocercus minimus): The tribe participates in habitat restoration and conservation efforts for this species, including managing land use and mitigating threats like overgrazing, invasive plants, and human encroachment.</p><p>Yellow-Billed Cuckoo (Coccyzus americanus): The tribe works to conserve riparian habitats crucial for this bird by managing water flow and restoring native plant communities that provide nesting and foraging opportunities.</p><p>Colorado Pikeminnow (Ptychocheilus lucius): The tribe collaborates with state and federal agencies to protect this endangered fish by managing water quality and flow in river systems, reducing the impact of non-native species, and restoring critical habitat areas.</p><p>Bonytail Chub (Gila elegans) and Humpback Chub (Gila cypha): Both fish species benefit from the tribe\'s efforts to maintain clean and healthy river systems, which include monitoring water quality, controlling non-native species, and advocating for water management practices that support native fish populations.</p>',
+        supplemental_text: '<p>The White Mesa Ute Community of the Ute Mountain Ute Tribe is located between Blanding and Bluff in San Juan County in southern Utah. It is near Cedar Mesa, the Bears Ears National Monument, Valley of the Gods, the San Juan River, national parks, and many other beautiful and sacred areas. </p><p>White Mesa, however, is adjacent to the Energy Fuels’ uranium mill, the last such facility in the United States, where uranium tailings and other radioactive materials are sent for “processing” and dumping. Not only was the mill built right next to our community, but it was built right on top of hundreds of our culturally significant sites.</p>',
         representatives: JSON.stringify([
           {
-            name: 'Connie Chan',
-            title: 'District 1 Supervisor',
-            photoUrl:
-              'https://sfbos.org/sites/default/files/Connie_Chan_2023.jpg',
-            address_line1: '1 Dr Carlton B Goodlett Pl',
-            address_line2: '#244',
-            address_city: 'San Francisco',
-            address_state: 'CA',
-            address_zip: '94102',
-            address_country: 'US',
-            email: 'chanstaff@sfgov.org'
-          },
-          {
-            name: 'Catherine Stefani',
-            title: 'District 2 Supervisor',
-            photoUrl:
-              'https://sfbos.org/sites/default/files/Supervisor_Stefani_2018.jpg',
-            address_line1: '1 Dr Carlton B Goodlett Pl',
-            address_line2: '#244',
-            address_city: 'San Francisco',
-            address_state: 'CA',
-            address_zip: '94102',
-            address_country: 'US',
-            email: 'Catherine.Stefani@sfgov.org'
-          },
-          {
-            name: 'Aaron Peskin',
-            title: 'District 3 Supervisor',
+            name: 'Spencer Cox',
+            title: 'Governor of Utah',
             photoUrl:
-              'https://sfbos.org/sites/default/files/Aaron_Peskin_2023.jpg',
-            address_line1: '1 Dr Carlton B Goodlett Pl',
-            address_line2: '#244',
-            address_city: 'San Francisco',
-            address_state: 'CA',
-            address_zip: '94102',
-            address_country: 'US',
-            email: 'Aaron.Peskin@sfgov.org'
-          },
-          {
-            name: 'Joel Engardio',
-            title: 'District 4 Supervisor',
-            photoUrl:
-              'https://sfbos.org/sites/default/files/Joel_Engardio_2023.jpg',
-            address_line1: '1 Dr Carlton B Goodlett Pl',
-            address_line2: '#244',
-            address_city: 'San Francisco',
-            address_state: 'CA',
-            address_zip: '94102',
+              'https://www.nga.org/wp-content/uploads/2021/01/Governor_Cox_official_square-scaled.jpg',
+            address_line1: '350 N STATE ST',
+            address_line2: 'STE 200',
+            address_city: 'SALT LAKE CITY',
+            address_state: 'UT',
+            address_zip: '84114',
             address_country: 'US',
             email: ''
           },
           {
-            name: 'Dean Preston',
-            title: 'District 5 Supervisor',
+            name: 'Phil Lyman',
+            title: 'State Representative for District 69',
             photoUrl:
-              'https://sfbos.org/sites/default/files/Dean_Preston_2023.jpg',
-            address_line1: '1 Dr Carlton B Goodlett Pl',
-            address_line2: '#244',
-            address_city: 'San Francisco',
-            address_state: 'CA',
-            address_zip: '94102',
-            address_country: 'US',
-            email: 'prestonstaff@sfgov.org'
-          },
-          {
-            name: 'Matt Dorsey',
-            title: 'District 6 Supervisor',
-            photoUrl:
-              'https://sfbos.org/sites/default/files/Dorsey_2022_lg.jpg',
-            address_line1: '1 Dr Carlton B Goodlett Pl',
-            address_line2: '#244',
-            address_city: 'San Francisco',
-            address_state: 'CA',
-            address_zip: '94102',
-            address_country: 'US',
-            email: 'DorseyStaff@sfgov.org'
-          },
-          {
-            name: 'Myrna Melgar',
-            title: 'District 7 Supervisor',
-            photoUrl:
-              'https://sfbos.org/sites/default/files/Myrna_Melgar_2023.jpg',
-            address_line1: '1 Dr Carlton B Goodlett Pl',
-            address_line2: '#244',
-            address_city: 'San Francisco',
-            address_state: 'CA',
-            address_zip: '94102',
+              'https://le.utah.gov/images/legislator/house/LYMANP.jpg',
+            address_line1: '333 S MAIN ST',
+            address_line2: '',
+            address_city: 'BLANDING',
+            address_state: 'UT',
+            address_zip: '84511',
             address_country: 'US',
-            email: 'melgarstaff@sfgov.org'
-          },
-          {
-            name: 'Rafael Mandelman',
-            title: 'District 8 Supervisor',
-            photoUrl:
-              'https://sfbos.org/sites/default/files/Supervisor_Mandelman_2018.jpg',
-            address_line1: '1 Dr Carlton B Goodlett Pl',
-            address_line2: '#244',
-            address_city: 'San Francisco',
-            address_state: 'CA',
-            address_zip: '94102',
-            address_country: 'US',
-            email: 'mandelmanstaff@sfgov.org'
-          },
-          {
-            name: 'Hillary Ronen',
-            title: 'District 9 Supervisor',
-            photoUrl:
-              'https://sfbos.org/sites/default/files/Supervisor_Ronen_2019.jpg',
-            address_line1: '1 Dr Carlton B Goodlett Pl',
-            address_line2: '#244',
-            address_city: 'San Francisco',
-            address_state: 'CA',
-            address_zip: '94102',
-            address_country: 'US',
-            email: 'RonenStaff@sfgov.org'
-          },
-          {
-            name: 'Shamann Walton',
-            title: 'District 10 Supervisor',
-            photoUrl:
-              'https://sfbos.org/sites/default/files/Shamann_Walton_2023.jpg',
-            address_line1: '1 Dr Carlton B Goodlett Pl',
-            address_line2: '#244',
-            address_city: 'San Francisco',
-            address_state: 'CA',
-            address_zip: '94102',
-            address_country: 'US',
-            email: 'waltonstaff@sfgov.org'
+            email: ''
           },
-          {
-            name: 'Ahsha Safai',
-            title: 'District 11 Supervisor',
-            photoUrl:
-              'https://sfbos.org/sites/default/files/Ahsha_Safai_2023.jpg',
-            address_line1: '1 Dr Carlton B Goodlett Pl',
-            address_line2: '#244',
-            address_city: 'San Francisco',
-            address_state: 'CA',
-            address_zip: '94102',
-            address_country: 'US',
-            email: 'Ahsha.Safai@sfgov.org'
-          }
         ]),
         assets: JSON.stringify({
-          campaign_logo:
-            'https://images.squarespace-cdn.com/content/v1/5eebc0039b04b54b2fb0ce52/1598500758914-E5HAIIGCP0ZXKKMN2FT0/TRT+Logo-13.png?format=500w',
-          campaign_background:
-            'https://images.squarespace-cdn.com/content/v1/5eebc0039b04b54b2fb0ce52/1610135975708-FV42Q30BPWF887M05O51/Poppies-13.jpg?format=1500w',
-          'campaign-img-1':
-            'https://images.squarespace-cdn.com/content/v1/5eebc0039b04b54b2fb0ce52/1609785926325-63M9MY247ORIL8ON8P5E/tuolumne-camp-960x540.jpg?format=1500w',
-          'campaign-img-2':
-            'https://images.squarespace-cdn.com/content/v1/5eebc0039b04b54b2fb0ce52/1592586646372-TBY3WC065NJ04KT2B38Z/000091400001.jpg?format=1500w',
-          'campaign-img-3':
-            'https://images.squarespace-cdn.com/content/v1/5eebc0039b04b54b2fb0ce52/1609781359705-Q5YNFL6DET5ORHW62ZU7/IMG_2249_WEBSITE+copy.jpg?format=1500w'
-        })
+            campaign_logo: 'https://i.imgur.com/Lc9fG1y.png',
+            campaign_background: 'https://i.imgur.com/WcFdL78.jpeg',
+            'campaign-img-1': 'https://i.imgur.com/gpGQxZQ.jpeg',
+            'campaign-img-2': 'https://i.imgur.com/5pSUR0q.jpeg',
+            'campaign-img-3': 'https://i.imgur.com/0EctJWf.png'
+          })
       },
       {
-        id: 7,
+        id: 2,
         organization: 'Save California Salmon',
         name: 'Save California Salmon',
         cause: 'Civic Rights',
diff --git a/src/components/DonateMoney.vue b/src/components/DonateMoney.vue
index ad863226c..71f5dd9b0 100644
--- a/src/components/DonateMoney.vue
+++ b/src/components/DonateMoney.vue
@@ -80,7 +80,7 @@
     </v-col>
     <div>
       <v-btn outlined color="primary" text @click="submit()">
-        Send email
+        Send Mail
       </v-btn>
     </div>
   </section>
diff --git a/src/components/TakeAction.vue b/src/components/TakeAction.vue
index 2ecfc2bab..3400d6922 100644
--- a/src/components/TakeAction.vue
+++ b/src/components/TakeAction.vue
@@ -38,6 +38,11 @@
             :selected-rep="selectedRep"
             :letter-body="letterBody"
           />
+          <UtahLetterLoad
+            v-if="campaign.name === 'White Mesa Concerned Community'"
+            :selected-rep="selectedRep"
+            :letter-body="letterBody"
+          />
           <!-- v-else this later as fallback-->
           <!-- <letter-load :selected-rep="selectedRep" :letter-body="letterBody" /> -->
         </v-expansion-panel-content>
@@ -148,6 +153,7 @@
 <script>
 import TuolumneLetterLoad from '@/components/TuolumneLetterLoad.vue'
 import CaliforniaRiversLetterLoad from '@/components/CaliforniaRiversLetterLoad.vue'
+import UtahLetterLoad from '@/components/UtahLetterLoad.vue'
 import SignName from '@/components/SignName.vue'
 import DonateMoney from '@/components/DonateMoney.vue'
 
@@ -156,6 +162,7 @@ export default {
   components: {
     TuolumneLetterLoad,
     CaliforniaRiversLetterLoad,
+    UtahLetterLoad,
     SignName,
     DonateMoney
   },
diff --git a/src/components/UtahLetterLoad.vue b/src/components/UtahLetterLoad.vue
new file mode 100644
index 000000000..26d95746a
--- /dev/null
+++ b/src/components/UtahLetterLoad.vue
@@ -0,0 +1,179 @@
+<template>
+  <section class="letter-load">
+    <v-card flat>
+      <div v-show="isSubmitted">
+        <v-card-subtitle align="left">
+          <div class="text-left">
+            {{ currentDate }}
+          </div>
+          <div>{{ selectedRep.name }}</div>
+          <div>{{ selectedRep.address_line1 }}</div>
+          <div>
+            {{ selectedRep.address_city }}, {{ selectedRep.address_state }},
+            {{ selectedRep.address_zip }}
+          </div>
+          
+          <div>{{ user.name }}</div>
+          <div>
+            {{ user.line1 }}
+            <br />
+            {{ user.line2 }}
+          </div>
+          <div>
+            {{ formattedCityState }}
+          </div>
+        </v-card-subtitle>
+        <v-card-title class="salutation">
+          Dear {{ selectedRep.name }},
+        </v-card-title>
+
+        <v-card-text class="text-left">
+          <p class="text-left">
+            I am writing to urge your immediate action to take a precautionary pause on uranium mining operations near White Mesa, Utah and conduct an environmental impact assessment review. These activities threaten the environment, public health, and cultural heritage of the region. Further, we believe the mining activities and related processing have a measurable economic impact on the State’s budget in connection with climate disaster mitigation.  Moreover, the activities at the mine and related impacts may conflict with existing Utah statutes that are designed to safeguard community health and the environment. 
+          </p>
+
+          <p class="text-left">
+            1. Environmental Threats and Legal Context:
+          </p>
+
+          <p class="text-left">
+            Uranium mining poses significant risks to groundwater, surface water, and air quality in the White Mesa area. Specifically, these activities may violate Utah Code Title 19, Chapter 5, the “Utah Water Quality Act,” which mandates the protection of water resources from pollution. Moreover, Utah Code Title 19, Chapter 2, the “Utah Air Conservation Act,” stipulates that the state must control and reduce air pollution. Uranium mining generates radioactive dust and emissions that can degrade air quality, posing health risks to nearby residents and ecosystems.
+          </p>
+
+          <p class="text-left">
+            2. Public Health Risks:
+          </p>
+
+          <p class="text-left">
+            Utah Code Title 19, Chapter 3, the “Radiation Control Act,” specifically addresses the regulation of radiation sources to protect public health. The radioactive and toxic byproducts of uranium mining have well-documented adverse health impacts, including an increased risk of cancer, respiratory diseases, and other chronic health conditions. 
+          </p>
+
+          <p class="text-left">
+            3. Cultural and Historical Significance:
+          </p>
+          <p class="text-left">
+            White Mesa holds cultural, historical, and spiritual importance for the Ute Mountain Ute Tribe and other Indigenous communities. These lands are more than just resources—they are sacred. Utah Code Title 9, Chapter 8, the “Protection of Cultural Sites Act,” underscores the state’s obligation to preserve sites of historical and cultural value. 
+          </p>
+          <p class="text-left">
+            4. Economic and Long-Term Environmental Considerations:
+          </p>
+          <p class="text-left">
+            While mining may provide short-term economic gains, the long-term costs associated with environmental degradation, public health impacts, and the loss of cultural sites far outweigh these benefits. As outlined in Utah Code Title 63M, Chapter 4, the “Energy Policy Act,” the state’s energy strategy emphasizes the importance of balancing energy development with environmental stewardship. For example Conservation efforts for the Yellow-Billed Cuckoo help maintain riparian ecosystems, which are essential for regulating water flow and preventing flood damage to save between 10-30 million dollars. Or healthy sagebrush ecosystems are less prone to frequent, intense wildfires that are exacerbated by invasive species like cheatgrass which we spend on $50-100 million a year 
+          </p>
+          <p class="text-left">
+            Conclusion:
+          </p>
+          <p class="text-left">
+            Given the potential legal conflicts with existing Utah environmental statutes and the profound risks to public health and cultural heritage, I respectfully urge you to introduce or support legislation that puts a precautionary pause on uranium mining in White Mesa. Thank you for considering this urgent request. I look forward to your response and hope that you will act to safeguard White Mesa from further harm.
+          </p>
+          <p class="text-left">
+            Sincerely,
+          </p>
+
+          <p>{{ user.name }}</p>
+        </v-card-text>
+
+        <v-card-text v-if="mergeVariablesEnabled">
+          <v-select
+            v-model="communityInput"
+            :items="community"
+            label="Your Community"
+          />
+          <v-select
+            v-model="impactReasonInput"
+            :items="impactReason"
+            label="How this Legislation Impacts You"
+          />
+        </v-card-text>
+      </div>
+      <div v-show="!isSubmitted">
+        <v-card-text> clicked</v-card-text>
+
+        <div class="col-md text-center text-md-left">
+          <!--<h2>You are logged in as {{ $auth.user.name }}</h2>
+                    { JSON.stringify($auth.user, null, 2) }} -->
+        </div>
+      </div>
+      <!--
+      <v-card-actions class="justify-center">
+        <v-btn>
+          <AuthNav />
+        </v-btn>
+      </v-card-actions>
+    -->
+    </v-card>
+  </section>
+</template>
+
+<script lang="js">
+// import AuthNav from '@/components/AuthNav'
+// import { mapState } from 'vuex';
+
+export default {
+  name: 'TuolumneLetterLoad',
+  components: {
+    /* AuthNav */
+  },
+  props: {
+    letterBody: { type: String, default: '' }
+  },
+  data() {
+    return {
+      isSubmitted: true,
+      communityInput: '<fill in the input below>',
+      community: [
+        'Local fisherman',
+        'Concerned constituent',
+        'Tribal member and/or Indigenous person'
+      ],
+      impactReasonInput: '<fill in the input below>',
+      impactReason: [
+        'This impacts my livelihood, I\'ll have to invest in new fishing equipment, fire workers, change industry, or move locations',
+        'The water will become lower and lower the number of fish impacting our traditional food ways',
+        'This would affect my water and food bills',
+        'My farm will have to front the costs of less water and ground resources'
+      ]
+    }
+  },
+
+  computed: {
+    selectedRep() {
+      return this.$store.state.selectedRep
+    },
+    user() {
+      return this.$store.state.userData
+    },
+    currentDate() {
+      return new Intl.DateTimeFormat('en-US').format(new Date())
+    },
+    formattedCityState() {
+      if (this.user.city) {
+        return `${this.user.city}, ${this.user.state} ${this.user.zip}`
+      }
+
+      return ''
+    },
+    mergeVariables() {
+      return { community: this.communityInput, impactReason: this.impactReasonInput }
+    },
+    mergeVariablesEnabled() {
+      const keys = Object.keys(this.$store.state.mergeVariables)
+      return keys.count > 1
+    }
+  },
+  watch: {
+    mergeVariables: function() {
+      this.$store.commit('setGenericValue', { key: 'mergeVariables', value: this.mergeVariables })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.letter-load {
+}
+
+.salutation {
+  font-size: 18px;
+}
+</style>