From ccd70822081b065fdedd3a06d21724e26fa2d272 Mon Sep 17 00:00:00 2001
From: Mats <mats@craftmend.com>
Date: Sat, 30 Nov 2024 18:16:04 +0100
Subject: [PATCH] redo warning

---
 client/src/components/voice/ModerationWarning.jsx  | 14 ++++++--------
 .../components/voice/ui/GeneralVoiceSettings.jsx   |  2 +-
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/client/src/components/voice/ModerationWarning.jsx b/client/src/components/voice/ModerationWarning.jsx
index 923ee8b3d8..ef63a3abd2 100644
--- a/client/src/components/voice/ModerationWarning.jsx
+++ b/client/src/components/voice/ModerationWarning.jsx
@@ -1,17 +1,15 @@
 import React from 'react';
+import { AlertTriangle } from 'lucide-react';
 import { msg } from '../../client/OpenAudioAppContainer';
-
 import './modwarning.css';
 
 export function ModerationWarning() {
   return (
-    <div className="moderation-warning mt-3">
-      <div className="content-text full">
-        <div className="text-center">
-          {msg('vc.voiceModerationEnabled')}
-        </div>
-      </div>
+    <div className="mt-3 flex items-center gap-3 rounded-lg bg-red-950/30 p-4 border border-red-500/20">
+      <AlertTriangle className="h-5 w-5 flex-shrink-0 text-red-400" />
+      <p className="text-sm text-red-200 font-medium">
+        {msg('vc.voiceModerationEnabled')}
+      </p>
     </div>
-
   );
 }
diff --git a/client/src/components/voice/ui/GeneralVoiceSettings.jsx b/client/src/components/voice/ui/GeneralVoiceSettings.jsx
index 577b497556..d7ea7fc2b1 100644
--- a/client/src/components/voice/ui/GeneralVoiceSettings.jsx
+++ b/client/src/components/voice/ui/GeneralVoiceSettings.jsx
@@ -116,7 +116,7 @@ class GeneralVoiceSettings extends React.Component {
     const currentMic = this.props.preferredMicId;
 
     return (
-      <div className="m-5 voice-card-modern text-gray-300">
+      <div className="m-5 text-gray-300">
         <div className="vc-settings-header">
           <h1>VoiceChat settings</h1>
         </div>