ocearo-ui/_next/static/chunks/728.3987afab39b00f4e.js

Ocean Robot UI: Sailing made smarter

"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[728],{66728:function(e,t,a){a.r(t);var l=a(57437),n=a(53082),s=a(2265);let i={DANGER:3,WARNING:5,MAX_DEPTH:50},r={DANGER:"bg-oRed",WARNING:"bg-oYellow",SAFE:"bg-oBlue"},c={NIGHT:"text-oNight",DAY:"text-white"};t.default=()=>{let{nightMode:e,getSignalKValue:t}=(0,n.yC)(),[a,o]=(0,s.useState)(null),[u,d]=(0,s.useState)(240);(0,s.useEffect)(()=>{let e=()=>{let e=window.innerHeight;d(e<640?Math.min(.25*e,240):Math.min(.35*e,240))};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,s.useEffect)(()=>{let e=t("environment.depth.belowTransducer");o(null!=e?Number(e.toFixed(1)):null)},[t]);let N=(0,s.useMemo)(()=>null===a?0:Math.min(a/i.MAX_DEPTH*100,100),[a]),m=(0,s.useMemo)(()=>null===a?r.SAFE:a<i.DANGER?r.DANGER:a<i.WARNING?r.WARNING:r.SAFE,[a]),h=e?c.NIGHT:c.DAY,A=(0,s.useCallback)(e=>null===e?"--":"".concat(e," m"),[]);return(0,l.jsxs)("div",{className:"flex flex-col items-center",children:[(0,l.jsx)("div",{className:"text-sm mb-2 ".concat(h),children:"Depth"}),(0,l.jsx)(()=>(0,l.jsx)("div",{className:"w-2 ".concat(m," rounded-lg overflow-hidden mb-4"),style:{height:u},role:"progressbar","aria-valuenow":a,"aria-valuemin":"0","aria-valuemax":i.MAX_DEPTH,"aria-label":"Water depth: ".concat(A(a)),children:(0,l.jsx)("div",{className:"bg-oGray transition-all duration-500 ease-in-out",style:{height:"".concat(100-N,"%")}})}),{}),(0,l.jsx)("div",{className:"text-sm mt-2 ".concat(h," ").concat(a<i.DANGER?"animate-pulse":""),children:A(a)})]})}}}]);