From e421eb4244941dbc105560504be1aa6acf832596 Mon Sep 17 00:00:00 2001
From: Dan Ditomaso <dan.ditomaso@gmail.com>
Date: Tue, 2 Sep 2025 09:41:48 -0400
Subject: [PATCH] Revert "Seperator -> Separator (#823)" (#827)

This reverts commit 3582499a3cb3ea686bba8915e4dd073bf4333384.
---
 .../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/{Separator.tsx => Seperator.tsx} | 2 +-
 packages/web/src/pages/Dashboard/index.tsx                      | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)
 rename packages/web/src/components/UI/{Separator.tsx => Seperator.tsx} (93%)

diff --git a/packages/web/src/components/Dialog/NodeDetailsDialog/NodeDetailsDialog.tsx b/packages/web/src/components/Dialog/NodeDetailsDialog/NodeDetailsDialog.tsx
index 1f6036fe..a55e6794 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/Separator";
+import { Separator } from "@components/UI/Seperator.tsx";
 import {
   Tooltip,
   TooltipArrow,
diff --git a/packages/web/src/components/Dialog/RebootDialog.tsx b/packages/web/src/components/Dialog/RebootDialog.tsx
index 05e48069..42585781 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/Separator";
+import { Separator } from "@components/UI/Seperator.tsx";
 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 b3403b3a..a24cab3d 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/Separator";
+import { Separator } from "@components/UI/Seperator.tsx";
 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/Separator.tsx b/packages/web/src/components/UI/Seperator.tsx
similarity index 93%
rename from packages/web/src/components/UI/Separator.tsx
rename to packages/web/src/components/UI/Seperator.tsx
index 503d5133..64a010f6 100644
--- a/packages/web/src/components/UI/Separator.tsx
+++ b/packages/web/src/components/UI/Seperator.tsx
@@ -3,7 +3,7 @@ import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import * as React from "react";
 
 const Separator = React.forwardRef<
-  React.ComponentRef<typeof SeparatorPrimitive.Root>,
+  React.ElementRef<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 dd967136..783b8c39 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/Separator";
+import { Separator } from "@components/UI/Seperator.tsx";
 import { Heading } from "@components/UI/Typography/Heading.tsx";
 import { Subtle } from "@components/UI/Typography/Subtle.tsx";
 import { useAppStore, useDeviceStore, useNodeDBStore } from "@core/stores";