profile links in cards

Author: wyatt-avilla

config/src/lib.rs

@@ -22,6 +22,20 @@ pub const ENDPOINT: Endpoint = Endpoint {
     goodreads: "/api/goodreads",
 };
 
+pub const SOCIAL: SocialLinks = SocialLinks {
+    github: "https://github.com/wyatt-avilla",
+    lastfm: "https://www.last.fm/user/wowitswyatt",
+    letterboxd: "https://letterboxd.com/wowitswyatt/",
+    goodreads: "https://www.goodreads.com/user/show/159014522-wowitswyatt",
+};
+
+pub struct SocialLinks<'a> {
+    pub github: &'a str,
+    pub lastfm: &'a str,
+    pub letterboxd: &'a str,
+    pub goodreads: &'a str,
+}
+
 pub struct Endpoint<'a> {
     pub base: &'a str,
     pub github: &'a str,

frontend/src/components/github/button.rs

@@ -1,3 +1,4 @@
+use config::SOCIAL;
 use stylist::yew::styled_component;
 use yew::prelude::*;
 
@@ -17,16 +18,14 @@ pub fn Button() -> Html {
     </svg>
         };
 
-    let onclick = Callback::noop();
-
     html! {
-        <button class={css!(r#"
+        <a href={ SOCIAL.github } class={css!(r#"
                 background: none;
                 border: none;
                 cursor: pointer;
                 border-radius: 50%;
-            "#)} onclick={ onclick }>
+            "#)}>
                 { icon_svg.clone() }
-        </button>
+        </a>
     }
 }

frontend/src/components/goodreads/button.rs

@@ -1,3 +1,4 @@
+use config::SOCIAL;
 use stylist::yew::styled_component;
 use yew::prelude::*;
 
@@ -9,16 +10,14 @@ pub fn Button() -> Html {
         </svg>
     };
 
-    let onclick = Callback::noop();
-
     html! {
-        <button class={css!(r#"
+        <a href={ SOCIAL.goodreads } class={css!(r#"
                 background: none;
                 border: none;
                 cursor: pointer;
                 border-radius: 50%;
-            "#)} onclick={ onclick }>
-                { icon_svg.clone() }
-        </button>
+            "#)}>
+            { icon_svg.clone() }
+        </a>
     }
 }

frontend/src/components/lastfm/button.rs

@@ -1,3 +1,4 @@
+use config::SOCIAL;
 use stylist::yew::styled_component;
 use yew::prelude::*;
 
@@ -9,16 +10,14 @@ pub fn Button() -> Html {
         </svg>
     };
 
-    let onclick = Callback::noop();
-
     html! {
-        <button class={css!(r#"
+        <a href={ SOCIAL.lastfm } class={css!(r#"
                 background: none;
                 border: none;
                 cursor: pointer;
                 border-radius: 50%;
-            "#)} onclick={ onclick }>
+            "#)}>
                 { icon_svg.clone() }
-        </button>
+        </a>
     }
 }

frontend/src/components/letterboxd/button.rs

@@ -1,3 +1,4 @@
+use config::SOCIAL;
 use stylist::yew::styled_component;
 use yew::prelude::*;
 
@@ -36,16 +37,14 @@ pub fn Button() -> Html {
         </svg>
     };
 
-    let onclick = Callback::noop();
-
     html! {
-        <button class={css!(r#"
+        <a href={ SOCIAL.letterboxd } class={css!(r#"
                 background: none;
                 border: none;
                 cursor: pointer;
                 border-radius: 50%;
-            "#)} onclick={ onclick }>
+            "#)}>
                 { icon_svg.clone() }
-        </button>
+        </a>
     }
 }