From 15cea4cf29dd96a70d2e94fd6c19d2c29f6d54d2 Mon Sep 17 00:00:00 2001
From: Esther Lee <89177504+su-esther@users.noreply.github.com>
Date: Wed, 24 Jan 2024 01:59:42 -0600
Subject: [PATCH] Add Learn More button to Nonprofit in Project (#86)

* Add Learn More button to Nonprofit in Project

* add space. change button type

* Switch text and bg colors

---------

Co-authored-by: AndrewLester <alester220@gmail.com>
---
 src/routes/projects/[slug]/+page.svelte | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/routes/projects/[slug]/+page.svelte b/src/routes/projects/[slug]/+page.svelte
index aad7806..678301b 100644
--- a/src/routes/projects/[slug]/+page.svelte
+++ b/src/routes/projects/[slug]/+page.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import Button from "$lib/components/Button.svelte";
   import DoubleBanner from "$lib/components/DoubleBanner.svelte";
   import ProjectMember from "$lib/components/projects/ProjectMember.svelte";
   import Section from "$lib/components/Section.svelte";
@@ -46,6 +47,13 @@
 >
   <h2>Our Partner</h2>
   <p>{data.project.nonprofitDescription}</p>
+  <Button
+    href={data.project.nonprofitUrl}
+    type="primary-custom"
+    textColor="white"
+    backgroundColor={data.project.accentColor}
+    size="small">Learn More &nearr;</Button
+  >
 </Section>
 
 <Section