component-library-mustafa-akagunduz/dist/components/InfoModal.js

Air Command System projesi için geliştirilmiş React component kütüphanesi

import{jsxs as a,jsx as e}from"react/jsx-runtime";import{FaTimes as l}from"../node_modules/react-icons/fa/index.js";import{Button as i}from"./Button.js";import{Modal as n}from"./Modal.js";const s=()=>a("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("g",{clipPath:"url(#clip0_2208_1873)",children:e("path",{d:"M4 18C3.45 18 2.97934 17.8043 2.588 17.413C2.19667 17.0217 2.00067 16.5507 2 16V3C1.71667 3 1.47934 2.904 1.288 2.712C1.09667 2.52 1.00067 2.28267 1 2C0.999337 1.71733 1.09534 1.48 1.288 1.288C1.48067 1.096 1.718 1 2 1H6C6 0.716667 6.096 0.479333 6.288 0.288C6.48 0.0966668 6.71734 0.000666667 7 0H11C11.2833 0 11.521 0.0960001 11.713 0.288C11.905 0.48 12.0007 0.717333 12 1H16C16.2833 1 16.521 1.096 16.713 1.288C16.905 1.48 17.0007 1.71733 17 2C16.9993 2.28267 16.9033 2.52033 16.712 2.713C16.5207 2.90567 16.2833 3.00133 16 3V16C16 16.55 15.8043 17.021 15.413 17.413C15.0217 17.805 14.5507 18.0007 14 18H4ZM14 3H4V16H14V3ZM7 14C7.28334 14 7.521 13.904 7.713 13.712C7.905 13.52 8.00067 13.2827 8 13V6C8 5.71667 7.904 5.47933 7.712 5.288C7.52 5.09667 7.28267 5.00067 7 5C6.71734 4.99933 6.48 5.09533 6.288 5.288C6.096 5.48067 6 5.718 6 6V13C6 13.2833 6.096 13.521 6.288 13.713C6.48 13.905 6.71734 14.0007 7 14ZM11 14C11.2833 14 11.521 13.904 11.713 13.712C11.905 13.52 12.0007 13.2827 12 13V6C12 5.71667 11.904 5.47933 11.712 5.288C11.52 5.09667 11.2827 5.00067 11 5C10.7173 4.99933 10.48 5.09533 10.288 5.288C10.096 5.48067 10 5.718 10 6V13C10 13.2833 10.096 13.521 10.288 13.713C10.48 13.905 10.7173 14.0007 11 14Z",fill:"#DC2626"})}),e("defs",{children:e("clipPath",{id:"clip0_2208_1873",children:e("rect",{width:"18",height:"18",fill:"white"})})})]}),o=({isOpen:o,onClose:d,aircraftInfo:c,onDelete:t,onUpdate:r,onShowHistory:m,showDeleteButton:_=!1,showUpdateButton:f=!1,isLoading:h=!1,t:p})=>a(n,{isOpen:o,onClose:d,title:"",className:"modal--info",closeOnOverlayClick:!1,closeOnEscape:!0,hasOverlay:!1,children:[a("div",{className:"info-modal__header",children:[e("h2",{className:"info-modal__call-sign",children:c.callSign}),a("div",{className:"info-modal__header-right",children:[e("span",{className:"info-modal__classification",style:{backgroundColor:(a=>{switch(a){case"FRIENDLY":case"DOST":return"#32cd32";case"HOSTILE":case"DÜŞMAN":return"#ff2400";case"NEUTRAL":case"NÖTR":return"#4d4dff";default:return"#b2beb5"}})(c.classification)},children:c.classification}),e("button",{className:"info-modal__close",onClick:d,"aria-label":"Close modal",type:"button",children:e(l,{})})]})]}),a("div",{className:"info-modal__content",children:[a("div",{className:"info-modal__field",children:[e("span",{className:"info-modal__label",children:p("aircraft.type")}),e("span",{className:"info-modal__value",children:c.type})]}),a("div",{className:"info-modal__field",children:[e("span",{className:"info-modal__label",children:p("aircraft.latitude")}),e("span",{className:"info-modal__value",children:c.latitude.toFixed(6)})]}),a("div",{className:"info-modal__field",children:[e("span",{className:"info-modal__label",children:p("aircraft.longitude")}),e("span",{className:"info-modal__value",children:c.longitude.toFixed(6)})]}),a("div",{className:"info-modal__field",children:[e("span",{className:"info-modal__label",children:p("aircraft.altitude")}),a("span",{className:"info-modal__value",children:[c.altitude," ",p("units.feet")]})]}),a("div",{className:"info-modal__field",children:[e("span",{className:"info-modal__label",children:p("aircraft.heading")}),a("span",{className:"info-modal__value",children:[c.heading,"°"]})]}),a("div",{className:"info-modal__field",children:[e("span",{className:"info-modal__label",children:p("aircraft.speed")}),a("span",{className:"info-modal__value",children:[c.speed," ",p("units.knots")]})]}),a("div",{className:"info-modal__field",children:[e("span",{className:"info-modal__label",children:p("aircraft.lastUpdate")}),e("span",{className:"info-modal__value",children:(a=>{const e=new Date,l=new Date(a),i=Math.floor((e.getTime()-l.getTime())/1e3);return`${l.getHours().toString().padStart(2,"0")}.${l.getMinutes().toString().padStart(2,"0")}.${l.getSeconds().toString().padStart(2,"0")} (${i} ${p("common.secondsAgo")})`})(c.lastUpdate)})]})]}),a("div",{className:"info-modal__actions",children:[_&&t&&e(i,{variant:"danger",onClick:t,disabled:h,size:"small",className:"info-modal__delete-btn",children:e(s,{})}),m&&!f&&e("div",{className:"info-modal__observer-actions",children:e(i,{variant:"secondary",onClick:m,disabled:h,size:"small",className:"info-modal__history-btn",children:p("common.showHistory")})}),f&&a("div",{className:"info-modal__right-actions",children:[m&&e(i,{variant:"secondary",onClick:m,disabled:h,size:"small",className:"info-modal__history-btn",children:p("common.showHistory")}),r&&e(i,{variant:"primary",onClick:r,disabled:h,size:"small",className:"info-modal__update-btn",children:p("common.update")})]})]})]});export{o as InfoModal};
//# sourceMappingURL=InfoModal.js.map