сделал все, что хотел

src/lib/userFunction.js

@@ -14,6 +14,7 @@ export async function UserCheck(){
 
     else{
       console.log(response)
+      location.assign('/login')
     }
   }
 

src/lib/websocket.js

@@ -1,11 +1,10 @@
-export default function createWebSocket(url, token, onMessageCallback, maxRetries = 10) {
+export default function createWebSocket(url, token, onMessageCallback) {
   let socket;
   let retries = 0;
+  const maxRetries = 5
   let messageQueue = [];
-  token = token.split(" ")[1];
 
   function connect() {
-      closeWebSocket();
 
       socket = new WebSocket(url, [token]);
 
@@ -16,6 +15,7 @@ export default function createWebSocket(url, token, onMessageCallback, maxRetrie
 
       socket.onopen = () => {
           console.log('WebSocket is open now.')
+          console.log(socket)
           retries = 0 //сброс попыток
 
           while (messageQueue.length > 0) {
@@ -25,16 +25,6 @@ export default function createWebSocket(url, token, onMessageCallback, maxRetrie
 
       socket.onclose = (event) => {
           console.log('WebSocket is closed now.', event)
-          if (retries < maxRetries) {
-              retries++
-              const timeout = Math.min(1000 * Math.pow(2, retries), 30000)
-              setTimeout(() => {
-                  console.log(`Reconnecting... attempt ${retries}`)
-                  connect()
-              }, timeout)
-          } else {
-              console.log('Max retries reached. Could not reconnect.')
-          }
       };
 
       socket.onerror = (error) => {
@@ -44,13 +34,6 @@ export default function createWebSocket(url, token, onMessageCallback, maxRetrie
       
   }
 
-  function closeWebSocket() {
-        if (socket) {
-            socket.close();
-            socket = null;
-        }
-    }
-
   connect()
 
   return socket

src/routes/+page.svelte

@@ -1,11 +0,0 @@
-<script>
-    import Header from './Header.svelte';
-	import { onMount } from 'svelte';
-    import {UserCheck} from '$lib/userFunction.js';
-
-</script>
-
-<style>
-
-
-</style>

src/routes/chat/+page.svelte

@@ -83,10 +83,13 @@
 				const websocketUrl = `wss://docs.black-phoenix.ru/api/chat/ws/${chatId}`
 				
 				console.log(socket)
-				if (socket) 
+				if (socket){
+					console.log("Сокет есть")
+					socket.close();
             		socket = null
-        		
+				}
-				socket = createWebSocket(websocketUrl, token, async (message) => {
+        		let tokenForSocket = token.split(" ")[1];
+				socket = createWebSocket(websocketUrl, tokenForSocket, async (message) => {
 
 						console.log(message, "сообщение!!!!!")
 					if(message.flag === "pin" ){
@@ -144,6 +147,8 @@
 				image = "https://images.black-phoenix.ru/static/images/images/%D0%B6%D0%BE%D0%BF%D0%B0%20%D1%81%D1%8A%D0%B5%D0%BB%D0%B0%20%D1%82%D1%80%D1%83%D1%81%D1%8B.jpg"
 			}
 			
+			if(socket.readyState === WebSocket.OPEN){
+
 			socket.send(JSON.stringify({flag:      flag,
 										message:   messageText,
 										image_url: image,
@@ -158,6 +163,12 @@
 			answerMessageImgShow =  false
 	    	answerMessage    = ""
 			answerMessageImg = ""
+
+			} else {
+
+				console.log("ноуп" )
+				console.log(socket)
+			}
 		}
 
 	}
@@ -201,15 +212,14 @@ let pickedId
 let	PickedText = ""
 let	PickedImg  = ""
 let PickedName = ""
-//$: console.log(pickedId)
-//$: console.log(answer)
 
 let pinOrNot = false
 
  function helperDivShow(event, id, text, img, username) {
-
+	if(pinnedMsg != null){
 		pinOrNot = pinnedMsg.some(msg => msg.id == id)
 		console.log(pinOrNot)
+	}
 
 	if (helperDiv) {
 		helperDivBoolShow = false
@@ -787,7 +797,6 @@ let pinOrNot = false
 	flex-direction: column;
 	height: 80%;
 	width: 90%;
-	//background-color: red;
 }
 
 .newChatButtonDiv{
@@ -796,7 +805,6 @@ let pinOrNot = false
 	justify-content: space-around;
 
 	width: 100%;
-	//background-color: red;
 }
 
 .newChatName {
@@ -869,7 +877,6 @@ let pinOrNot = false
 .pickedChatDiv{
 	display: flex;
 	flex-direction: row;
-	//background-color: red;
 }
 
 .pickedChatImg{
@@ -1183,7 +1190,6 @@ let pinOrNot = false
 	margin-top: -7px;
 	width:  50px;
 	height: 100%;
-	//background-color: red;
 }
 
 .messageImage{

src/routes/login/+page.svelte

@@ -111,7 +111,7 @@
 					<div class="noiseGif">
 						<div class="regregDiv">
 							<h2 class="reg1">Нет аккаунта? Лох!</h2>
-							<button class="reg2" on:click={() => (window.location.href = '/register')}
+							<button class="reg2" on:click={() => (location.assign('/register'))}
 								>Перестать был лохом</button>
 						</div>
 					</div>
@@ -120,21 +120,27 @@
 		</div>
 
 		<div class="previewField">
-			<h3>не жопа</h3>
+			<div class="previewCenter">
+				<h2 transition:blur={{delay:300, duration: 1000 }}>BP Chat</h2>
+				<img class="ImgOnRight" src="./BPytka.png" alt="птичка" transition:fly={{ y: -1920, duration: 1200, backInOut }}>
+			</div>
 		</div>
 	</body>
 {/if}
 
 <style lang="scss">
 
-	// .passwordError{
+	.previewCenter{
-	// 	z-index: 1;
+		display: flex;
-	// 	position: absolute;
+		flex-direction: column;
-	// 	color: var(--disable);
+		align-items: center;
-	// 	border: 1px solid white;
+		justify-content: center;
-	// 	bottom: 29.5%;
+		height: 100%;		
-	// }
+	}
-	// не рабочая . переделать как нибудь <h3 class="passwordError">{passwordError}</h3>
+
+	.ImgOnRight{
+		width: 60%;
+	}
 
 	.greetingsDiv{
 		height: 30%;
@@ -239,7 +245,6 @@
 	.loginField {
 		height: 100%;
 		width: 50%;
-		outline: 1px dotted red;
 
 		display: flex;
 		justify-content: center;
@@ -263,10 +268,6 @@
 		
 	}
 
-	.marginDiv > * {
-		//border: 1px solid white;
-	}
-
 	input {
 		border: 1px solid transparent;
 		background: