{\"Добавить\"}
\n \n );\n}\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { HardHat, InfoCircle } from \"../content/Icons\";\nimport { WHITE, DARK_SLATE_GREY } from \"../content/color\";\nimport AddButton from \"./AddButton\";\n\nfunction ContentCenter(props) {\n return (\n\n Вы не авторизованы в системе.\n
\n\n\n Для получения доступа к контенту перейдите на странуцу{\" \"}\n \n {\"авторизации.\"}\n \n
\n{this.state.nameFile}
\nУдалить
\n\n Минимальный размер 1000×1000px\n
\n{props.description}
\nПост
\nОпубликовано
\nСсылка
\nМатериал
\nАвтор
\nПросмотры
\nПуш
\nЗаголовок
\nМетка
\nАвтор
\nСтатус
\nТрансляция
\nНачало
\nИсточник
\nСтатус
\nПросмотры
\nПуш
\n{this.state.error}
\n\n Вы можете ознакомиться с хорошими примерами оформления\n публикаций в гайдлайнах.\n
\nМетка нужна, чтобы выделить публикацию среди других.
\n{30 - this.state.mark.length}
\nМинимальный размер 1000×1000px
\n{props.maxLength - props.state.length}
\n\n Название будет видно везде, а краткое описание только в мобильных приложениях.\n
\n\n\n Будет видна только в приложении для Apple TV (3840×2160).\n
\n\n\n Это время будет видно пользователям, но трансляция не запустится автоматически.\n
\n\n\n Трансляция не будет опубликована\n
\n\n {this.state.isFetchingButton ? (
Видео
\nОпубликовано
\nСсылка
\nПросмотры
\nПрослушивания
\nПуш
\nВидео
\nОпубликовано
\nКомментарии
\n{props.text}
;\n}\n\nexport default class ProfilePage extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n userId: this.getUrlVars(\"id\").toString(),\n token: cookie.load(\"token\").token,\n id: cookie.load(\"token\").profile.id,\n newPass1: \"\",\n newPass2: \"\",\n email: \"\",\n fio: \"\",\n role: \"\",\n img: \"\",\n fileImage: null,\n preview: \"\",\n isUpdate: false,\n isFeatch: false\n };\n this.handleChangeFIO = this.handleChangeFIO.bind(this);\n this.handleChangePas1 = this.handleChangePas1.bind(this);\n this.handleChangePas2 = this.handleChangePas2.bind(this);\n }\n\n getUrlVars(search) {\n var url_string = window.location.href;\n var url = new URL(url_string);\n var vars = url.searchParams.get(search);\n return vars;\n }\n\n async getUser() {\n if (this.state.userId !== this.getUrlVars(\"id\").toString()) {\n this.setState({ userId: this.getUrlVars(\"id\").toString() });\n }\n let data = await getUsersByID(this.state.userId);\n if (data.error) {\n this.setState({\n email: cookie.load(\"token\").profile.email,\n fio: cookie.load(\"token\").profile.fullName,\n role: cookie.load(\"token\").profile.role,\n img: cookie.load(\"token\").profile.avatarUrl,\n preview: cookie.load(\"token\").profile.avatarUrl\n });\n } else {\n this.setState({\n email: data.email,\n fio: data.fullName,\n role: data.role,\n img: data.avatarUrl,\n preview: data.avatarUrl\n });\n }\n }\n\n componentDidMount() {\n this.getUser();\n }\n\n componentDidUpdate() {\n if (this.state.isUpdate) {\n this.getUser();\n cookie.save(\n \"token\",\n {\n token: this.state.token,\n profile: {\n id: this.state.id,\n email: this.state.email,\n fullName: this.state.fio,\n role: this.state.role,\n avatarUrl: this.state.img\n }\n },\n { path: \"/\" }\n );\n this.setState({ isUpdate: false });\n }\n }\n\n handleChangePas1(event) {\n this.setState({\n newPass1: event.target.value\n });\n }\n\n handleChangePas2(event) {\n this.setState({\n newPass2: event.target.value\n });\n }\n\n handleChangeFIO(event) {\n this.setState({\n fio: event.target.value\n });\n }\n\n onDropIMG = acceptedFiles => {\n let reader = new FileReader();\n let file = acceptedFiles[0];\n reader.onloadend = () => {\n this.setState({\n fileImage: file,\n preview: reader.result\n });\n };\n reader.readAsDataURL(file);\n };\n\n render() {\n if (this.state.fio === \"\") {\n return{this.props.value.displayName}
\n\n {\"Заблокировать\".toUpperCase()}\n
\n\nПользователь
\nАккаунт
\nКомментарии
\n{this.state.description}
\n{getTheme(this.state.theme)}
\nНазвание и фото
\nЦена
\nСсылка
\nПодкаст
\nОпубликовано
\nПрослушивания
\nПуш
\n\n Минимальный размер 1005×735px\n
\n\n\n Дата, до которой будут приниматься заявки\n
\n\n\n Укажите дату подведения итогов и ссылку YouTube на стрим\n
\n\n\n Конкурс не будет опубликован.
Вы сможете добавить призы, условия и\n создать форму для участия.\n
\n {this.state.isFeatch ? (
\n {this.props.value.winner\n ? this.props.value.winner.displayName\n : \"\"}\n
\n{props.maxLength - props.state.length}
\n{\n this.setState({ isShowModal: true });\n }}\n >\n Редактировать\n
\n\n{\n this.props.delete();\n }}\n >\n Удалить\n
\n\n{this.state.description}
\n\n{this.state.count}
\n \n ) : (\n <>\n Заявки принимаются\n{dataString(this.state.deadline, true)}
\n \n )}\n{dataString(this.state.results, true)}
\n{this.props.value.author.displayName}
\n{getDataTime(this.props.value.postDateGmt)}
\n{this.props.value.sourceTitle}
\nПользователь
\n{props.text}
\n\n Ссылка на сброс пароля устарела.\n
\n\n Желательно сделать это кратко и ёмко\n
\n{30 - this.state.descriptor.length}
\n{50 - this.state.name.length}
\n\n Соотношение 1:1. Минимальный размер 1242х1242px\n
\n\n Лучше всего подойдет цвет преобладающий на обложке\n
\n\n Выберите цвет интерфейса, который будет контрастнее смотреться на\n выбранном ранее фоне.\n
\n\n Лучше всего ссылаться на каталог вашего магазина или\n промо-страницу.\n
\n{30 - this.state.nameLink.length}
\n\n {this.state.isFeath ?
\n Подборка не будет опубликована. Вы сможете добавить продукты\n и внести правки.\n
\n \n \n\n\n {this.state.description || \"Описание\"}\n
\n