From 3582499a3cb3ea686bba8915e4dd073bf4333384 Mon Sep 17 00:00:00 2001
From: Jeremy Gallant <8975765+philon-@users.noreply.github.com>
Date: Tue, 2 Sep 2025 03:57:51 +0200
Subject: [PATCH] Seperator -> Separator (#823)

Co-authored-by: philon- <philon-@users.noreply.github.com>
---
 .../components/Dialog/NodeDetailsDialog/NodeDetailsDialog.tsx   | 2 +-
 packages/web/src/components/Dialog/RebootDialog.tsx             | 2 +-
 packages/web/src/components/PageComponents/Map/NodeDetail.tsx   | 2 +-
 packages/web/src/components/UI/{Seperator.tsx => Separator.tsx} | 2 +-
 packages/web/src/pages/Dashboard/index.tsx                      | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)
 rename packages/web/src/components/UI/{Seperator.tsx => Separator.tsx} (93%)

diff --git a/packages/web/src/components/Dialog/NodeDetailsDialog/NodeDetailsDialog.tsx b/packages/web/src/components/Dialog/NodeDetailsDialog/NodeDetailsDialog.tsx
index a55e6794..1f6036fe 100644
--- a/packages/web/src/components/Dialog/NodeDetailsDialog/NodeDetailsDialog.tsx
+++ b/packages/web/src/components/Dialog/NodeDetailsDialog/NodeDetailsDialog.tsx
@@ -16,7 +16,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from "@components/UI/Dialog.tsx";
-import { Separator } from "@components/UI/Seperator.tsx";
+import { Separator } from "@components/UI/Separator";
 import {
   Tooltip,
   TooltipArrow,
diff --git a/packages/web/src/components/Dialog/RebootDialog.tsx b/packages/web/src/components/Dialog/RebootDialog.tsx
index 42585781..05e48069 100644
--- a/packages/web/src/components/Dialog/RebootDialog.tsx
+++ b/packages/web/src/components/Dialog/RebootDialog.tsx
@@ -10,7 +10,7 @@ import {
 } from "@components/UI/Dialog.tsx";
 import { Input } from "@components/UI/Input.tsx";
 import { Label } from "@components/UI/Label.tsx";
-import { Separator } from "@components/UI/Seperator.tsx";
+import { Separator } from "@components/UI/Separator";
 import { useDevice } from "@core/stores";
 import { ClockIcon, OctagonXIcon, RefreshCwIcon } from "lucide-react";
 import { useState } from "react";
diff --git a/packages/web/src/components/PageComponents/Map/NodeDetail.tsx b/packages/web/src/components/PageComponents/Map/NodeDetail.tsx
index a24cab3d..b3403b3a 100644
--- a/packages/web/src/components/PageComponents/Map/NodeDetail.tsx
+++ b/packages/web/src/components/PageComponents/Map/NodeDetail.tsx
@@ -2,7 +2,7 @@ import BatteryStatus from "@components/BatteryStatus.tsx";
 import { Mono } from "@components/generic/Mono.tsx";
 import { TimeAgo } from "@components/generic/TimeAgo.tsx";
 import { Avatar } from "@components/UI/Avatar.tsx";
-import { Separator } from "@components/UI/Seperator.tsx";
+import { Separator } from "@components/UI/Separator";
 import { Heading } from "@components/UI/Typography/Heading.tsx";
 import { Subtle } from "@components/UI/Typography/Subtle.tsx";
 import { formatQuantity } from "@core/utils/string.ts";
diff --git a/packages/web/src/components/UI/Seperator.tsx b/packages/web/src/components/UI/Separator.tsx
similarity index 93%
rename from packages/web/src/components/UI/Seperator.tsx
rename to packages/web/src/components/UI/Separator.tsx
index 64a010f6..503d5133 100644
--- a/packages/web/src/components/UI/Seperator.tsx
+++ b/packages/web/src/components/UI/Separator.tsx
@@ -3,7 +3,7 @@ import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import * as React from "react";
 
 const Separator = React.forwardRef<
-  React.ElementRef<typeof SeparatorPrimitive.Root>,
+  React.ComponentRef<typeof SeparatorPrimitive.Root>,
   React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
 >(
   (
diff --git a/packages/web/src/pages/Dashboard/index.tsx b/packages/web/src/pages/Dashboard/index.tsx
index 783b8c39..dd967136 100644
--- a/packages/web/src/pages/Dashboard/index.tsx
+++ b/packages/web/src/pages/Dashboard/index.tsx
@@ -1,6 +1,6 @@
 import LanguageSwitcher from "@components/LanguageSwitcher.tsx";
 import { Button } from "@components/UI/Button.tsx";
-import { Separator } from "@components/UI/Seperator.tsx";
+import { Separator } from "@components/UI/Separator";
 import { Heading } from "@components/UI/Typography/Heading.tsx";
 import { Subtle } from "@components/UI/Typography/Subtle.tsx";
 import { useAppStore, useDeviceStore, useNodeDBStore } from "@core/stores";