feat: send a request to the API to track the previous url

Author: Phosphorus-M

src/main.rs

@@ -7,9 +7,14 @@ mod pages;
 
 use app::*;
 use leptos::{logging::log, *};
-use log::info;
+use log::{error, info};
+use web_sys::Url;
+
+static API_URL: &str = "https://rust-lang-en-espanol-api.shuttleapp.rs";
 
 pub fn main() {
+    let _ = create_local_resource(move || (), |_| track_previous_url());
+
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
@@ -21,3 +26,19 @@ pub fn main() {
         view! { <App/> }
     });
 }
+
+pub async fn track_previous_url() {
+    let previous_domain = if document().referrer() == "" {
+        "Undefined".to_owned()
+    } else {
+        let address = document().referrer();
+        let url = Url::new(&address).unwrap();
+        url.host()
+    };
+
+    let endpoint = format!("{API_URL}/track/count?reference={previous_domain}");
+    match reqwasm::http::Request::post(&endpoint).send().await {
+        Ok(_) => log!("Tracking previous url"),
+        Err(_) => error!("Error tracking previous url"),
+    };
+}

style/output.css

@@ -787,6 +787,10 @@ video {
   border-radius: 9999px;
 }
 
+.rounded-md {
+  border-radius: 0.375rem;
+}
+
 .rounded-r-full {
   border-top-right-radius: 9999px;
   border-bottom-right-radius: 9999px;
@@ -852,6 +856,10 @@ video {
   background-color: rgb(124 45 18 / var(--tw-bg-opacity));
 }
 
+.bg-slate-200\/20 {
+  background-color: rgb(226 232 240 / 0.2);
+}
+
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -869,10 +877,18 @@ video {
   fill: currentColor;
 }
 
+.p-1 {
+  padding: 0.25rem;
+}
+
 .p-2 {
   padding: 0.5rem;
 }
 
+.p-4 {
+  padding: 1rem;
+}
+
 .p-6 {
   padding: 1.5rem;
 }
@@ -959,6 +975,11 @@ video {
   line-height: 1;
 }
 
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
 .text-xl {
   font-size: 1.25rem;
   line-height: 1.75rem;