From 19a02efd21dfb8d0ca9f00fb6bbf8a223fb61186 Mon Sep 17 00:00:00 2001
From: Mats <mats@craftmend.com>
Date: Sun, 1 Dec 2024 20:14:02 +0100
Subject: [PATCH] more translation fixes

---
 client/public/en.lang                        |  4 +-
 client/src/components/voice/VoicePeerBox.jsx | 42 +++++++++-----------
 client/src/components/voice/ui/NoPeers.jsx   | 19 +++++----
 3 files changed, 30 insertions(+), 35 deletions(-)

diff --git a/client/public/en.lang b/client/public/en.lang
index 7f02f93993..4b75a43a15 100644
--- a/client/public/en.lang
+++ b/client/public/en.lang
@@ -77,7 +77,7 @@ vc.empty.description=Voice chat is more fun together! Here's how you can connect
 vc.empty.move.title=Move closer to other players
 vc.empty.move.description=Voice chat works based on proximity. Find and approach other players!
 vc.empty.channel.title=Join a voice chat channel
-vc.empty.channel.description=Some servers have voice chat channels. Check if there's a channel you can join! do "/channel list" to see all available channels.
+vc.empty.channel.description=Some servers have voice chat channels. Check if there's a channel you can join!
 vc.empty.invite.title=Invite your friends
 vc.empty.invite.description=Let others know about voice chat - they might not have enabled it yet!
 vc.muteMicrophone=Mute
@@ -96,6 +96,7 @@ vc.youAreModerating=Watch out! you are now a moderator, you can now hear everyon
 vc.noMicInputYetTitle=We're having trouble hearing you!
 vc.noMicInputYetBody=Please make sure that you have the correct microphone selected, or try lowering your noise gate.
 vc.peersHiddenTitle=Voicechat players are hidden
+vc.peersHiddenTitle=Server privacy setting
 vc.peersHiddenText=This server has disabled the ability to see who is in voice chat to prevent unfair advantages, you can still hear them though.
 vc.isTalking=is talking
 vc.people=people
@@ -117,6 +118,7 @@ vc.channel.leaveCurrentFirst=Leave Current Channel First
 vc.channel.noPermissions=No permissions
 vc.channel.join=Join Channel
 
+
 settings.voicechat.echocancel.title=Echo cancellation
 settings.voicechat.echocancel.body=This will attempt to cancel out any echo that your microphone picks up, this is useful if you're using speakers instead of headphones but may make your harder to hear on some platforms.
 settings.voicechat.echocancel.button=Enable echo cancellation
diff --git a/client/src/components/voice/VoicePeerBox.jsx b/client/src/components/voice/VoicePeerBox.jsx
index 0f2ec3fa57..0514491249 100644
--- a/client/src/components/voice/VoicePeerBox.jsx
+++ b/client/src/components/voice/VoicePeerBox.jsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { connect } from 'react-redux';
 import { Tooltip } from 'react-tooltip';
+import { Info } from 'lucide-react';
 import { VoicePeerRow } from './VoicePeerRow';
 import { msg } from '../../client/OpenAudioAppContainer';
 import EmptyVoiceState from './ui/NoPeers';
@@ -38,31 +39,24 @@ function VoicePeerBox(props) {
 
   if (shouldBeHidden) {
     return (
-      <div className="content-section">
-        <div className="content-section-title">{peerMessage}</div>
-        <div className="mx-auto max-w-7xl py-12 px-4 sm:px-6 lg:px-8">
-          <div className="mx-auto max-w-4xl">
+      <div className="w-full bg-black/20 backdrop-blur-sm common-rounded">
+        <div className="p-4">
+          <h2 className="text-yellow-400/90 text-xl mb-4">
+            {msg('vc.peersHiddenTitle')}
+          </h2>
 
-            <div
-              className="bg-gray-100 bg-opacity-25 border-t-4 border-red-500 rounded-b text-teal-900 px-4 py-5 shadow-md"
-              role="alert"
-            >
-              <div className="flex">
-                <div className="py-1">
-                  <svg
-                    className="fill-current h-6 w-6 text-teal-500 mr-4"
-                    xmlns="http://www.w3.org/2000/svg"
-                    viewBox="0 0 20 20"
-                  >
-                    <path
-                      d="M2.93 17.07A10 10 0 1 1 17.07 2.93 10 10 0 0 1 2.93 17.07zm12.73-1.41A8 8 0 1 0 4.34 4.34a8 8 0 0 0 11.32 11.32zM9 11V9h2v6H9v-4zm0-6h2v2H9V5z"
-                    />
-                  </svg>
-                </div>
-                <div>
-                  <p className="font-bold">{msg('vc.peersHiddenTitle')}</p>
-                  <p className="text-sm">{msg('vc.peersHiddenText')}</p>
-                </div>
+          <div className="bg-yellow-400/5 rounded-lg p-4 border border-yellow-400/20">
+            <div className="flex gap-3">
+              <div className="flex-shrink-0">
+                <Info className="w-5 h-5 text-yellow-400/80" />
+              </div>
+              <div>
+                <h3 className="text-yellow-400/80 text-sm font-medium mb-1">
+                  {msg('vc.peersHiddenTitle')}
+                </h3>
+                <p className="text-yellow-400/60 text-sm">
+                  {msg('vc.peersHiddenText')}
+                </p>
               </div>
             </div>
           </div>
diff --git a/client/src/components/voice/ui/NoPeers.jsx b/client/src/components/voice/ui/NoPeers.jsx
index 130c73bf82..5938b592f0 100644
--- a/client/src/components/voice/ui/NoPeers.jsx
+++ b/client/src/components/voice/ui/NoPeers.jsx
@@ -2,6 +2,7 @@ import React from 'react';
 import {
   Users, ArrowRight, Radio, MapPin,
 } from 'lucide-react';
+import { msg } from '../../../client/OpenAudioAppContainer';
 
 function EmptyVoiceState() {
   return (
@@ -37,33 +38,31 @@ function EmptyVoiceState() {
             </div>
 
             <h2 className="text-2xl font-bold mb-3" style={{ color: 'var(--primary-accent)' }}>
-              Looking for Someone?
+              {msg('vc.empty.title')}
             </h2>
 
             <p className="text-gray-300 text-sm mb-4">
-              {/* eslint-disable-next-line react/no-unescaped-entities */}
-              Voice chat is more fun together! Here's how you can connect with others:
+              {msg('vc.empty.description')}
             </p>
 
             {/* Action Cards */}
             <div className="grid gap-2">
               <ActionCard
-                title="Move Closer to Players"
-                description="Voice chat works based on proximity. Find and approach other players!"
+                title={msg('vc.empty.move.title')}
+                description={msg('vc.empty.move.description')}
                 icon={<MapPin className="w-4 h-4" />}
               />
 
               <ActionCard
-                title="Join a Channel"
-                description="Use channels to talk regardless of distance"
+                title={msg('vc.empty.channel.title')}
+                description={msg('vc.empty.channel.description')}
                 icon={<Radio className="w-4 h-4" />}
-                onClick={() => window.open('https://openaudiomc.net/docs/channels', '_blank')}
                 isLink
               />
 
               <ActionCard
-                title="Invite Others"
-                description="Let others know about voice chat - they might not have enabled it yet!"
+                title={msg('vc.empty.invite.title')}
+                description={msg('vc.empty.invite.description')}
                 icon={<Users className="w-4 h-4" />}
               />
             </div>