use link class instead of ID

Author: Archmonger

.gitignore

@@ -108,7 +108,7 @@ celerybeat.pid
 
 # Environments
 .env
-.venv
+.venv*
 env/
 venv/
 ENV/

src/reactpy_router/components.py

@@ -34,11 +34,18 @@ def on_click(_event: dict[str, Any]) -> None:
             search = f"?{search}"
         set_location(Location(pathname, search))
 
+    class_name = uuid
+    if "className" in attributes:
+        class_name = " ".join([attributes.pop("className"), class_name])
+    # TODO: This can be removed when ReactPy stops supporting underscores in attribute names
+    if "class_name" in attributes:
+        class_name = " ".join([attributes.pop("class_name"), class_name])
+
     attrs = {
         **attributes,
         "href": to,
         "onClick": on_click,
-        "id": uuid,
+        "className": uuid,
     }
     return html._(html.a(attrs, *children), html.script(link_js_content.replace("UUID", uuid)))
 

src/reactpy_router/static/link.js

@@ -1,4 +1,4 @@
-document.getElementById("UUID").addEventListener("click", (event) => {
+document.getElementsByClassName("UUID").addEventListener("click", (event) => {
   event.preventDefault();
   let to = event.target.getAttribute("href");
   window.history.pushState({}, to, new URL(to, window.location));