From b104fb5b63c71cf708de6f7028e2da742b70c1b7 Mon Sep 17 00:00:00 2001
From: xvoorvaa <xander@xvproductions.com>
Date: Wed, 28 Feb 2024 16:05:21 +0100
Subject: [PATCH] Fixed build error

---
 .../app/components/misc/interact/EmbedButton.tsx     |  4 ++--
 packages/app/components/plugins/SignUp/index.tsx     |  2 +-
 .../sessions/DropdownMenuWithActionButtons.tsx       |  8 ++++----
 packages/app/components/sessions/SessionInfoBox.tsx  | 12 ++++++------
 4 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/app/components/misc/interact/EmbedButton.tsx b/packages/app/components/misc/interact/EmbedButton.tsx
index 72e51d30e..abbf5a002 100644
--- a/packages/app/components/misc/interact/EmbedButton.tsx
+++ b/packages/app/components/misc/interact/EmbedButton.tsx
@@ -12,8 +12,8 @@ import {
   CredenzaHeader,
   CredenzaTitle,
   CredenzaTrigger,
-} from '../ui/crezenda'
-import { Input } from '../ui/input'
+} from '@/components/ui/crezenda'
+import { Input } from '@/components/ui/input'
 
 const ModalContent: React.FC<{
   playbackId?: string
diff --git a/packages/app/components/plugins/SignUp/index.tsx b/packages/app/components/plugins/SignUp/index.tsx
index dc60741bf..2a3b330fa 100644
--- a/packages/app/components/plugins/SignUp/index.tsx
+++ b/packages/app/components/plugins/SignUp/index.tsx
@@ -17,7 +17,7 @@ import { Input } from '@/components/ui/input'
 import { Button } from '@/components/ui/button'
 import { toast } from 'sonner'
 import { ReloadIcon } from '@radix-ui/react-icons'
-import InfoHoverCard from '@/components/misc/InfoHoverCard'
+import InfoHoverCard from '@/components/misc/interact/InfoHoverCard'
 
 const initialState = {
   message: '',
diff --git a/packages/app/components/sessions/DropdownMenuWithActionButtons.tsx b/packages/app/components/sessions/DropdownMenuWithActionButtons.tsx
index 00d2b764d..e4cea1ba1 100644
--- a/packages/app/components/sessions/DropdownMenuWithActionButtons.tsx
+++ b/packages/app/components/sessions/DropdownMenuWithActionButtons.tsx
@@ -9,8 +9,8 @@ import {
   DropdownMenuItem,
 } from '@/components/ui/dropdown-menu'
 import VideoDownload from '@/app/(vod)/watch/components/VideoDownload'
-import ShareButton from '@/components/misc/ShareButton'
-import EmbedButton from '@/components/misc/EmbedButton'
+import ShareButton from '@/components/misc/interact/ShareButton'
+import EmbedButton from '@/components/misc/interact/EmbedButton'
 import { MoreHorizontal } from 'lucide-react'
 export function DropdownMenuWithActionButtons({
   streamId,
@@ -26,9 +26,9 @@ export function DropdownMenuWithActionButtons({
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
-        <MoreHorizontal className="flex md:hidden border rounded-full w-10 h-10 p-2" />
+        <MoreHorizontal className="flex p-2 w-10 h-10 rounded-full border md:hidden" />
       </DropdownMenuTrigger>
-      <DropdownMenuContent className="bg-white border-none ">
+      <DropdownMenuContent className="bg-white border-none">
         <DropdownMenuGroup>
           <DropdownMenuItem asChild>
             <div className="w-full">
diff --git a/packages/app/components/sessions/SessionInfoBox.tsx b/packages/app/components/sessions/SessionInfoBox.tsx
index cfe214719..3a72d85c9 100644
--- a/packages/app/components/sessions/SessionInfoBox.tsx
+++ b/packages/app/components/sessions/SessionInfoBox.tsx
@@ -1,5 +1,5 @@
-import ShareButton from '@/components/misc/ShareButton'
-import EmbedButton from '@/components/misc/EmbedButton'
+import ShareButton from '@/components/misc/interact/ShareButton'
+import EmbedButton from '@/components/misc/interact/EmbedButton'
 import VideoDownload from '@/app/(vod)/watch/components/VideoDownload'
 import ViewCounts from '@/app/(vod)/watch/components/ViewCounts'
 import { Avatar, AvatarFallback, AvatarImage } from '../ui/avatar'
@@ -45,9 +45,9 @@ const SessionInfoBox = ({
       className={`${
         inverted ? 'text-white rounded-lg  text-card-foreground ' : ''
       }`}>
-      <CardHeader className=" p-2 lg:p-2 flex w-full lg:items-center justify-between flex-col lg:flex-row">
-        <div className="md:flex flex-col">
-          <CardTitle className="flex flex-row space-x-2 items-center">
+      <CardHeader className="flex flex-col justify-between p-2 w-full lg:flex-row lg:items-center lg:p-2">
+        <div className="flex-col md:flex">
+          <CardTitle className="flex flex-row items-center space-x-2">
             {avatarUrl && (
               <Avatar>
                 <AvatarImage src={avatarUrl} alt={avatarFallback} />
@@ -66,7 +66,7 @@ const SessionInfoBox = ({
             </div>
           </CardDescription>
         </div>
-        <div className="flex flex-row space-x-1 my-0 ml-auto">
+        <div className="flex flex-row my-0 ml-auto space-x-1">
           <ShareButton />
           <EmbedButton
             streamId={streamId}