From d483940297e990f18f65fef1e698d322dafb52a8 Mon Sep 17 00:00:00 2001
From: Guilhem <guilhemlemouel@gmail.com>
Date: Mon, 17 Feb 2025 15:36:45 +0000
Subject: [PATCH] remove unused Popup component

---
 frontend/src/lib/components/common/index.ts   |  1 -
 .../lib/components/common/popup/Popup.svelte  | 70 -------------------
 2 files changed, 71 deletions(-)
 delete mode 100644 frontend/src/lib/components/common/popup/Popup.svelte

diff --git a/frontend/src/lib/components/common/index.ts b/frontend/src/lib/components/common/index.ts
index 2f6bba1aa7..cd68ce79d4 100644
--- a/frontend/src/lib/components/common/index.ts
+++ b/frontend/src/lib/components/common/index.ts
@@ -9,7 +9,6 @@ export { default as DrawerContent } from './drawer/DrawerContent.svelte'
 export { default as Kbd } from './kbd/Kbd.svelte'
 export { default as Menu } from './menu/Menu.svelte'
 export { default as MenuItem } from './menu/MenuItem.svelte'
-export { default as Popup } from './popup/Popup.svelte'
 export { default as SecondsInput } from './seconds/SecondsInput.svelte'
 export { default as Skeleton } from './skeleton/Skeleton.svelte'
 export { default as Tab } from './tabs/Tab.svelte'
diff --git a/frontend/src/lib/components/common/popup/Popup.svelte b/frontend/src/lib/components/common/popup/Popup.svelte
deleted file mode 100644
index 6bbceccec7..0000000000
--- a/frontend/src/lib/components/common/popup/Popup.svelte
+++ /dev/null
@@ -1,70 +0,0 @@
-<script lang="ts">
-	import { Popover, PopoverButton, PopoverPanel, Transition } from '@rgossiaux/svelte-headlessui'
-	import ConditionalPortal from '../drawer/ConditionalPortal.svelte'
-	import { createFloatingActions, type ComputeConfig } from 'svelte-floating-ui'
-
-	export let floatingConfig: ComputeConfig = {
-		strategy: 'absolute',
-		placement: 'bottom-start'
-	}
-
-	export let containerClasses: string = 'rounded-lg shadow-md border p-4 bg-surface'
-	export let floatingClasses: string = ''
-	const [floatingRef, floatingContent] = createFloatingActions(floatingConfig)
-
-	export let blockOpen = false
-	export let shouldUsePortal: boolean = true
-	export let target: string | HTMLElement | undefined = undefined
-	export let noTransition = false
-	export let popupHover = false
-	export let preventPopupClosingOnClickInside = false
-	export let disabled = false
-</script>
-
-<Popover on:close class="leading-none">
-	<PopoverButton let:open {disabled}>
-		<div use:floatingRef>
-			<slot name="button" {open} />
-		</div>
-	</PopoverButton>
-	<ConditionalPortal condition={shouldUsePortal} {target}>
-		<!-- svelte-ignore a11y-no-static-element-interactions -->
-		<!-- svelte-ignore a11y-mouse-events-have-key-events -->
-		<!-- svelte-ignore a11y-click-events-have-key-events -->
-		<div
-			use:floatingContent
-			class={`z5000 ${floatingClasses}`}
-			on:mouseenter={() => {
-				popupHover = true
-			}}
-			on:mouseleave={() => {
-				popupHover = false
-			}}
-			on:click={(e) => preventPopupClosingOnClickInside && e.stopPropagation()}
-		>
-			{#if !noTransition}
-				<Transition
-					show={blockOpen || undefined}
-					enter="transition ease-out duration-200"
-					enterFrom="opacity-0 translate-y-1"
-					enterTo="opacity-100 translate-y-0"
-					leave="transition ease-in duration-150"
-					leaveFrom="opacity-100 translate-y-0"
-					leaveTo="opacity-0 translate-y-1"
-				>
-					<PopoverPanel let:close static={blockOpen}>
-						<div class={containerClasses}>
-							<slot {close} />
-						</div>
-					</PopoverPanel>
-				</Transition>
-			{:else}
-				<PopoverPanel focus={false} let:close static={blockOpen}>
-					<div class={containerClasses}>
-						<slot {close} />
-					</div>
-				</PopoverPanel>
-			{/if}
-		</div>
-	</ConditionalPortal>
-</Popover>