style: no `console.log()` in production

src/common/instances/AdminSocket.ts

 import { io } from "socket.io-client";
 
 import { SOCKET_URL } from "../utils/api";
+import logger from "../utils/logger";
 
 
 class AdminSocket {
@@ -8,11 +9,11 @@ class AdminSocket {
 	
     constructor() {
         this.ioInstance.on('connect', () => {
-            console.log('WS: admin connected');
+            logger('WS: admin connected');
         });
 		
         this.ioInstance.on('auth', (e) => {
-            console.log('WS: admin auth', e);
+            logger('WS: admin auth', e);
         });
     }
 	

src/common/instances/Socket.ts

 import { io } from "socket.io-client";
 
 import { SOCKET_URL } from "../utils/api";
+import logger from "../utils/logger";
 
 
 class Socket {
@@ -8,11 +9,11 @@ class Socket {
 	
     constructor() {
         this.ioInstance.on('connect', () => {
-            // console.log('Connected to Socket.IO server');
+            logger('Connected to Socket.IO server');
         });
 		
         this.ioInstance.on('auth', (e) => {
-            // console.log('auth', e);
+            logger('auth', e);
         });
     }
 	

src/common/utils/logger.ts

+function logger(message?: any, ...optionalParams: any[]): string|void {
+    if (process.env.NODE_ENV === 'production') return;
+    else console.log(message, ...optionalParams);
+}
+
+export default logger;

src/contexts/bottom-sheet/index.tsx

 import React, { createContext, useEffect, useState } from "react";
 
+import logger from "../../common/utils/logger";
+
 import type { FC, ReactNode, JSX } from "react";
 
 interface BSContextType {
@@ -19,7 +21,7 @@ const BSProvider: FC<Props> = ({ children }) => {
     const [item, setItem] = useState<BSContextType['bSElement']>(null);
 	
     useEffect(() => {
-        // console.log('GLOBAL BSProvider: ', item);
+        logger('GLOBAL BSProvider: ', item);
     } ,[item]);
     
     const setBSElement = (el: ReactNode | null) => {

src/contexts/cart/index.tsx

 import { createContext, useEffect, useState } from "react";
 
+import logger from "../../common/utils/logger";
+
 import type { CartItemData } from "../../pages/cart-page/config/type";
 import type { FC, ReactNode } from "react";
 
@@ -29,7 +31,7 @@ const CartProvider: FC<Props> = ({ children }) => {
             flushCartItem();
         }
         
-        // console.log('GLOBAL CartProvider: ', item);
+        logger('GLOBAL CartProvider: ', item);
     }, [item]);
     
     

src/contexts/toast/index.tsx

 import { createContext, useEffect, useState } from "react";
 
+import logger from "../../common/utils/logger";
+
 import type { ToastData } from "../../components/toast/config";
 import type { FC, ReactNode } from "react";
 
@@ -19,7 +21,7 @@ const ToastProvider: FC<Props> = ({ children }) => {
 	
 	
     useEffect(() => {
-        console.log('GLOBAL ToastProvider: ', item);
+        logger('GLOBAL ToastProvider: ', item);
     }, [item]);