https://www.daily.co.jp/prime/_next/static/chunks/6489.b91ca8d1c8bcfa93.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6489],{36489:(e,t,l)=>{l.r(t),l.d(t,{PreviewSetting:()=>d});var s=l(74849),a=l(55685),i=l(65063),r=l(3272),n=l(53167),c=l(68004),o=l(38766);function d({time:e}){let[t,l]=(0,a.useState)(!1),[x,h]=(0,a.useState)(e),p=e=>{fetch("/prime/api/preview/update-preview-data",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({time:e})}).then(()=>location.reload())};return(0,r.createPortal)((0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("button",{className:"fixed top-1 left-1 z-10 flex items-center gap-2 rounded bg-red-500 px-4 py-2 text-white opacity-80 transition-opacity hover:opacity-100",onClick:()=>l(!0),children:[(0,s.jsx)(o.U12,{className:"text-lg"}),"プレビュー中"]}),(0,s.jsx)("button",{className:"fixed right-6 bottom-12 z-50 flex size-12 items-center justify-center rounded-full bg-red-500 text-xl text-white opacity-80 shadow-lg transition-opacity hover:opacity-100 lg:right-12",onClick:()=>l(!0),children:(0,s.jsx)(n.rBU,{})}),(0,s.jsxs)(i.lG,{open:t,onClose:()=>l(!1),className:"relative z-50",children:[(0,s.jsx)(i.Xi,{className:"fixed inset-0 bg-black/30"}),(0,s.jsx)("div",{className:"fixed inset-0 flex w-screen items-center justify-center p-4",children:(0,s.jsxs)(i.Lj,{className:"w-full max-w-md rounded-lg bg-white p-5",children:[(0,s.jsx)(i.L3,{className:"sr-only",children:"プレビュー設定"}),(0,s.jsxs)("div",{className:"flex flex-col gap-4 lg:gap-8",children:[(0,s.jsx)("div",{children:(0,s.jsxs)("div",{className:"flex items-end gap-2",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("label",{htmlFor:"preview-time",className:"mb-1 block",children:"プレビュー日時"}),(0,s.jsx)("input",{id:"preview-time",type:"datetime-local",value:x,onChange:e=>h(e.target.value),className:"rounded border px-3 py-2"})]}),(0,s.jsx)("button",{className:`rounded p-2 ${e===x?"cursor-not-allowed bg-gray-200 text-gray-400":"bg-blue-500 text-white hover:bg-blue-600"}`,disabled:e===x,onClick:()=>p(x),"aria-label":"プレビュー日時更新",children:(0,s.jsx)(o.f3H,{className:"text-2xl"})}),(0,s.jsx)("button",{className:`rounded p-2 ${!e?"cursor-not-allowed bg-gray-200 text-gray-400":"bg-blue-500 text-white hover:bg-blue-600"}`,disabled:!e,onClick:()=>p(),"aria-label":"プレビュー日時解除",children:(0,s.jsx)(o.ZIt,{className:"text-2xl"})})]})}),(0,s.jsxs)("button",{className:"flex w-full items-center justify-center gap-2 rounded bg-red-500 px-4 py-2 text-white transition-colors hover:bg-red-600",onClick:()=>{fetch("/prime/api/preview/clear",{method:"POST"}).then(()=>location.reload())},children:[(0,s.jsx)(c.WeY,{}),"プレビューをやめる"]})]})]})})]})]}),document.body)}}}]);