\n {\n selected.map((id) => {\n const name = (loc_idx[id] || {name: id}).name;\n const color = (name === id || is_location_disabled(loc_idx[id], user_profile.locations)) ? \"secondary\" : \"primary\"\n return \n })}\n
\n )}\n MenuProps={MenuProps}\n >\n {children}\n \n } />)\n}\n\n\nconst upload_file = async (image, value, onChange, onError) => {\n if(image === undefined || image.name.length < 5)\n return onChange(null);\n if((image || {name: value}).name == value)\n return;\n try {\n let form = new FormData();\n form.append('file', image);\n\n const config = {headers: {\n 'Content-Type': 'multipart/form-data'\n }};\n\n const {data: img_id, status} = await axios.post('/api/newsfeed/image', \n form, config);\n\n return onChange(img_id.id);\n } catch(e) {\n onError(e);\n }\n}\n\nexport default ({\n newspiece,\n onSubmit = (data) => console.log(\"submit: \", data),\n onError = ((e) => console.log(\"Errorissimo: \", e)),\n handleClose = (() => console.log(\"Close\")),\n onCancel}) => {\n \n const schema = yup.object().shape({\n title: yup.string().ensure().trim().required(i18n.t(\"news.newsForm.titleReq\")),\n url: yup.string().nullable(true).url(i18n.t(\"news.newsForm.urlFail\")).transform((_, val) => val === \"\" ? null : val),\n snippet: yup.string().nullable(true).trim(),\n text: yup.string().nullable(true).trim(),\n notify_msg: yup.string().when(\n 'notify',\n {\n is: true,\n then: yup.string().nullable(false)\n .trim()\n .max(300, i18n.t(\"news.newsForm.messageMax\"))\n .min(1, i18n.t(\"news.newsForm.messageMin\"))\n .required(i18n.t(\"news.newsForm.messageRequired\")),\n }),\n locations: yup.array(),\n img_id: yup.string().nullable(false).ensure().required(i18n.t(\"news.newsForm.imgReq\")),\n }).test('at_least_one', i18n.t(\"news.newsForm.atLeastOne\"), value =>\n !!(value.text || value.snippet || value.url)\n );\n\n const { state } = useContext(store);\n const [confirmDialog, askConfirm] = useState(false);\n const styles = useStyles();\n const {locations, user_profile} = state;\n\n const formMethods = useForm({\n mode: \"onBlur\",\n resolver: yupResolver(schema)\n })\n const { reset, handleSubmit, register, errors, formState, setValue} = formMethods;\n useEffect(() => {\n const loc_idx = _.keyBy(state.locations, \"_id\");\n reset(makeNews(newspiece, _.filter(user_profile.locations, l => loc_idx[l].active)));\n return (() => {});\n }, [newspiece])\n\n const ConfirmDialog = () => {\n return (\n\n \n \n \n \n\n \n \n\n {logged_in === false &&\n \n \n }\n\n {logged_in && user_profile && <>\n \n\n \n \n {\n // \n // \n // \n }\n ![\"\"](\"/images/icon.png\")
\n\n \n UltraBackoffice\n \n { logged_in && }\n \n \n\n \n \n \n */}\n \n\n \n \n \n }\n \n \n
)\n}\n\nconst Home = () => {\n\n return (\n\n - \n
\n \n \n \n ![\"\"](\"/images/backoffice_welcome.jpeg\")
\n \n
\n );\n}\n\n\nexport default App;\n","import React, {useEffect, useMemo, useState} from 'react';\nimport {Container} from '@material-ui/core';\n\nimport {CardElement, Elements, useStripe, useElements} from \"@stripe/react-stripe-js\";\nimport {loadStripe} from \"@stripe/stripe-js\";\nimport useAxios from 'axios-hooks';\n\nconst stripePromise = loadStripe(\"pk_test_51HJPOdHUSKReLpFkNbOIJlCV4Irfy6x8jvyMLzWFjI1CYVLcxdeUPYHS2AtokOavKRswPBrKPJ2BT4cmTf9VtxDv000D4ZEq3G\");\n\nfunction useResponsiveFontSize() {\n const getFontSize = () => (window.innerWidth < 450 ? \"16px\" : \"22px\");\n const [fontSize, setFontSize] = useState(getFontSize);\n\n useEffect(() => {\n const onResize = () => {\n setFontSize(getFontSize());\n };\n\n window.addEventListener(\"resize\", onResize);\n\n return () => {\n window.removeEventListener(\"resize\", onResize);\n };\n });\n\n return fontSize;\n}\n\nconst useOptions = () => {\n const fontSize = useResponsiveFontSize();\n const options = useMemo(\n () => ({\n style: {\n base: {\n fontSize,\n color: \"#424770\",\n letterSpacing: \"0.025em\",\n fontFamily: \"Source Code Pro, monospace\",\n \"::placeholder\": {\n color: \"#aab7c4\"\n }\n },\n invalid: {\n color: \"#9e2146\"\n }\n }\n }),\n [fontSize]\n );\n \n return options;\n };\n\nexport default function () {\n\n return (\n Da profilo: {rowUser.company || \"non indicata\"}
\n }\n\n return <>![\"login\"](\"/images/login.jpg\"\n)
\n\n {text}
\n- \n {\n row.purchase.history.map((event, index) => (\n
\n {dayjs(day).format(\"D/M/YY\")}\n
- \n {_.map(bookings, b => {\n return
\n {day.format(\"D/M/YY\")}\n
- \n {ranges.map(([start, end]) => {\n const t1 = dayjs(start).tz(resource.timezone)\n const t2 = dayjs(end).tz(resource.timezone)\n return
\n
\n