From c558235a4951437136178fa5c7731e21b7837c83 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C5=ABdolfs=20O=C5=A1i=C5=86=C5=A1?= <rudolfs@osins.org>
Date: Tue, 10 Sep 2024 11:55:37 +0200
Subject: [PATCH] Convert remaining on: events to onclick/ontouchstart

---
 src/components/Popover.svelte  | 2 +-
 src/components/RepoCard.svelte | 3 ++-
 src/views/Home.svelte          | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Popover.svelte b/src/components/Popover.svelte
index 3c676b8..1dea3d7 100644
--- a/src/components/Popover.svelte
+++ b/src/components/Popover.svelte
@@ -47,7 +47,7 @@
   }
 </style>
 
-<svelte:window onclick={clickOutside} on:touchstart={clickOutside} />
+<svelte:window onclick={clickOutside} ontouchstart={clickOutside} />
 
 <div
   bind:this={thisComponent}
diff --git a/src/components/RepoCard.svelte b/src/components/RepoCard.svelte
index c5de7e3..432d604 100644
--- a/src/components/RepoCard.svelte
+++ b/src/components/RepoCard.svelte
@@ -9,6 +9,7 @@
 
   export let repo: RepoInfo;
   export let selfDid: string;
+  export let onclick: (() => void) | undefined = undefined;
 
   $: project = repo.payloads["xyz.radicle.project"]!;
 </script>
@@ -36,7 +37,7 @@
   styleWidth="100%"
   stylePadding="8px 12px"
   hoverable
-  on:click>
+  {onclick}>
   <div class="container txt-small">
     <div class="global-flex header">
       <div class="global-flex">
diff --git a/src/views/Home.svelte b/src/views/Home.svelte
index 13142a6..4dab2ff 100644
--- a/src/views/Home.svelte
+++ b/src/views/Home.svelte
@@ -30,7 +30,7 @@
         <RepoCard
           {repo}
           selfDid={`did:key:${config.publicKey}`}
-          on:click={() => {
+          onclick={() => {
             void router.push({
               resource: "repo.issues",
               rid: repo.rid,