\r\n
\r\n )\r\n}\r\n","import React, { useState, useRef, useEffect } from 'react'\nimport style from './SearchBar.module.css'\nimport { Search } from '@material-ui/icons'\nimport { useNavigate } from 'react-router-dom'\n\n\nexport const SearchBar = () => {\n const [expand, setExpand] = useState(false)\n const [searchInputText,setSearchInputText] = useState(\"\");\n const [searchPantalla,setSearchPantalla] = useState(\"\");\n const searchInput = useRef(null);\n const navigate = useNavigate();\n const Pantalla = localStorage.getItem(\"Pantalla\");\n const handlerExpand = () => {\n setExpand(true)\n searchInput.current.focus()\n }\n const handlerCollapse = () => {\n setExpand(false)\n }\n\n const handlerChange = (e) =>{\n console.log(e.target.value);\n setSearchInputText(e.target.value);\n \n }\n\n useEffect(() => {\n //console.log(Pantalla);\n setSearchPantalla(Pantalla);\n if(searchInputText.length > 0){\n navigate(`/search/${searchInputText}`);\n }else{\n if(searchPantalla===\"Home\"){\n navigate(\"/\");\n }else if(searchPantalla===\"Milista\"){\n navigate(\"/milista\");\n }\n \n }\n \n},[searchInputText]);\n\n return (\n \r\n \r\n \r\n \r\n
\r\n - \r\n
- Politica de privacidad \r\n
- Contáctanos \r\n
- Términos de uso \r\n
- \r\n
- Politica de Cookies \r\n \r\n \r\n
© 2024 AnimeflixPlus.
\r\n \n
\n )\n}\n","import \"./itemnoti.scss\"\r\nimport { MenuItem } from '@material-ui/core';\r\nimport { Visibility } from \"@material-ui/icons\";\r\nimport React, { useEffect, useState,SyntheticEvent } from 'react'\r\nimport { url18,socketNoti } from \"../../../api/url\";\r\nimport axios from \"axios\";\r\nimport { useAuth } from \"../../../api/AuthContext\";\r\nimport dayjs from \"dayjs\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nexport default function ItemNoti({index,item,funcOpen}) {\r\n const { user } = useAuth();\r\n const [notiA,setNotiA] = useState([]);\r\n const [notiC,setNotiC] = useState([]);\r\n const [dateN,setDateN] = useState();\r\n useEffect(() => {\r\n console.log(\"index:\"+index);\r\n\r\n //const formattedDate = dayjs(item.fecha).format(\"D/MM/YY\");\r\n setDateN(dayjs(item.fecha).format(\"D/MM/YY\"));\r\n //console.log(formattedDate);\r\n //console.log(\"item:\"+item.data);\r\n const json = JSON.parse(item.data);\r\n if(item.tipo === \"notiA\"){\r\n setNotiA(json);\r\n }else if (item.tipo === \"notiC\"){\r\n setNotiC(json[\"body\"]);\r\n }\r\n \r\n console.log(\"itjjsonsonem:\"+json.name);\r\n }, [item]);\r\n\r\n const viewNoti = async (idnoti) => {\r\n try {\r\n await axios.post(url18+\"/viewnoti\",{'user': user.$id,'idnoti':idnoti}).then(async (response) => {\r\n console.log(response.data);\r\n const websocket = new WebSocket(socketNoti);\r\n \r\n // conectado\r\n websocket.onopen = () => {\r\n console.log('connected');\r\n //sendMessage();\r\n sendMessage();\r\n }\r\n const sendMessage = () => {\r\n websocket.send(\"cod:noti\");\r\n };\r\n \r\n // al recibir un mensaje\r\n websocket.onmessage = (event) => {\r\n const data = JSON.parse(event.data);\r\n // auto-crear la queryKey a partir del evento recibido\r\n //console.log(data);\r\n websocket.close();\r\n console.log('close');\r\n }\r\n }).catch(error => {\r\n console.log(error)\r\n });\r\n } catch (errors) {\r\n console.log(errors)\r\n }\r\n };\r\n\r\n const handleClose = () => {\r\n funcOpen(false);\r\n };\r\n\r\n return (\r\n \n \n handlerChange(e)}\n type=\"text\"\n placeholder=\"Animes\"\n name=\"search-input\"\n className={style.input_text} />\n
\n \r\n {item.tipo === \"notiA\" \r\n ? \r\n : \r\n }\r\n
\r\n
\r\n )\r\n}\r\n","import { Notifications, NotificationsActive } from \"@material-ui/icons\"\r\nimport \"./notification.scss\"\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport { ClickAwayListener, Grow, MenuItem, MenuList, Paper, Popper, Skeleton } from \"@mui/material\";\r\nimport { socketNoti } from \"../../../api/url\";\r\nimport ItemNoti from \"./ItemNoti\";\r\n\r\nexport default function Notification() {\r\n const [open, setOpen] = useState(false);\r\n const anchorRef = useRef\r\n
\r\n {notiStatus.length > 0 ? : }\r\n
\r\n )\r\n}\r\n","import { AccountBox, AccountCircle, ExitToApp, PersonAdd, Settings } from \"@material-ui/icons\"\r\nimport \"./perfil.scss\"\r\nimport { Fragment, useState } from \"react\";\r\nimport { Avatar, Divider, ListItemIcon, Menu, MenuItem } from \"@mui/material\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nexport default function Perfil() {\r\n const [anchorEl, setAnchorEl] = useState(null);\r\n const open = Boolean(anchorEl);\r\n const handleClick = (event) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n const handleClose = () => {\r\n setAnchorEl(null);\r\n };\r\n return (\r\n \r\n \r\n {({ TransitionProps, placement }) => (\r\n \r\n \r\n \r\n \r\n {notiList.length === 0 ? \r\n (Array.from(new Array(4))).map((item, index) => (\r\n <>\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Navbar\r\n","import { InfoOutlined, PlayArrow, VolumeOff, VolumeUp } from \"@material-ui/icons\";\r\nimport \"./featuredAnime.scss\";\r\nimport { useRef, useState } from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Modal from \"@mui/material/Modal\";\r\n\r\n\r\nexport default function FeatureAnime({anime}) {\r\n const [open, setOpen] = useState(false);\r\n const myvideo = useRef(null)\r\n const [muted, setMuted] = useState(true);\r\n const [play, setPlay] = useState(true);\r\n\r\n\r\n const handleOpen = () => {\r\n setOpen(true);\r\n };\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n const handleToggleMute = () => setMuted(mcurrent => !mcurrent);\r\n\r\n const handleTogglePlay = () => {\r\n setPlay(pcurrent => !pcurrent);\r\n if(play){\r\n myvideo.current.pause();\r\n }else{\r\n myvideo.current.play();\r\n }\r\n }\r\n //console.log(window.scrollY);\r\n window.onscroll = () =>{\r\n setPlay(window.scrollY >= 500 ? false : true);\r\n if(myvideo.current != null){\r\n if(!play){\r\n myvideo.current.pause();\r\n }else{\r\n myvideo.current.play();\r\n }\r\n }\r\n return () => (window.onscroll = null);\r\n \r\n }\r\n \r\n return (\r\n \r\n
\r\n \r\n ![\"\"\r\n](\"https://cloudbd.animeflixplus.com/v1/storage/buckets/653dbc7e603cf9649e39/files/653dbcb2600b584372c4/view?project=64a3a406b642bef5b2b9&mode=admin\")
\r\n \r\n Home\r\n \r\n \r\n Mi Lista\r\n \r\n
\r\n \r\n
\r\n \r\n {anime.headerImageUrl === \"\" ? 
:
\r\n )\r\n}\r\n","import \"./listItem.scss\";\r\nimport {\r\n PlayArrow,\r\n Add,\r\n ThumbUpAltOutlined,\r\n ThumbDownOutlined,\r\n Replay,\r\n Check,\r\n ThumbUp,\r\n SettingsInputAntenna,\r\n} from \"@material-ui/icons\";\r\nimport { useEffect,useState } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { url5,url2,socketMilist } from \"../../api/url\";\r\nimport { useAuth } from \"../../api/AuthContext\";\r\nimport axios from \"axios\";\r\n\r\nexport default function ListItem({index,item}) {\r\n const { user } = useAuth();\r\n const [mylistanime,setMylistanime] = useState(0);\r\n const [likeanime,setLikeanime] = useState(0);\r\n const [estadoanime,setEstadoanime] = useState(\"\");\r\n const [likecountanime,setLikecountanime] = useState(0);\r\n const [isHovered, setIsHovered] = useState(false);\r\n const [anime, setAnime] = useState({});\r\n useEffect(() => {\r\n setAnime(item);\r\n setMylistanime(item.mylist);\r\n setLikeanime(item.likeanime);\r\n setLikecountanime(item.likecountanime);\r\n setEstadoanime(item.estado);\r\n\r\n }, [item]);\r\n\r\n const addlikeAnime = async (status) => {\r\n try {\r\n await axios.post(url5+\"/removelikeanime\",{'user': user.$id,'anime':item.id});\r\n await axios.post(url5+\"/addlikeanime\",{'user': user.$id,'anime':item.id}).then(async (response) => {\r\n console.log(response.data);\r\n setLikeanime(1);\r\n setLikecountanime(likecountanime+1);\r\n }).catch(error => {\r\n console.log(error)\r\n });\r\n \r\n\r\n } catch (errors) {\r\n console.log(errors)\r\n }\r\n };\r\n\r\n const removelikeAnime = async () => {\r\n try {\r\n await axios.post(url5+\"/removelikeanime\",{'user': user.$id,'anime':item.id}).then(async (response) => {\r\n console.log(response.data);\r\n setLikeanime(0);\r\n setLikecountanime(likecountanime-1); \r\n }).catch(error => {\r\n console.log(error)\r\n });\r\n \r\n\r\n } catch (errors) {\r\n console.log(errors)\r\n }\r\n };\r\n\r\n const addMylist = async () => {\r\n try {\r\n await axios.post(url2+\"/addmylist\",{'user': user.$id,'anime':item.id}).then(async (response) => {\r\n console.log(response.data);\r\n setMylistanime(1);\r\n getSocket(); \r\n }).catch(error => {\r\n console.log(error)\r\n });\r\n \r\n\r\n } catch (errors) {\r\n console.log(errors)\r\n }\r\n };\r\n\r\n const removeMylist = async () => {\r\n try {\r\n await axios.post(url2+\"/removemylist\",{'user': user.$id,'anime':item.id}).then(async (response) => {\r\n console.log(response.data);\r\n setMylistanime(0);\r\n getSocket(); \r\n }).catch(error => {\r\n console.log(error)\r\n });\r\n \r\n\r\n } catch (errors) {\r\n console.log(errors)\r\n }\r\n };\r\n\r\n\r\n\r\n\r\n const getSocket = async () => {\r\n try {\r\n const websocket = new WebSocket(socketMilist);\r\n // conectado\r\n websocket.onopen = () => {\r\n console.log('connected');\r\n //sendMessage();\r\n sendMessage();\r\n }\r\n const sendMessage = () => {\r\n websocket.send(user.$id);\r\n };\r\n \r\n // al recibir un mensaje\r\n websocket.onmessage = (event) => {\r\n const data = JSON.parse(event.data);\r\n // auto-crear la queryKey a partir del evento recibido\r\n console.log(data);\r\n websocket.close();\r\n }\r\n\r\n \r\n } catch (errors) {\r\n console.log(errors)\r\n }\r\n };\r\n\r\n\r\n\r\n \r\n return (\r\n \r\n Nuevo Capítulo
: \"\"}\r\n \r\n {item.name}\r\n
\r\n \r\n {isHovered && (\r\n <>\r\n \r\n {/*