Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3368 | Rev 3387 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3368 Rev 3386
Línea 1... Línea 1...
1 
import React, { useEffect, useState } from 'react'
 1 
import React, { useEffect, useRef, useState } from 'react'
2 
import { useDispatch } from 'react-redux'
 2 
import { useDispatch } from 'react-redux'
3 
import { Backdrop, IconButton } from '@mui/material'
 3 
import { Backdrop, IconButton } from '@mui/material'
4 
import { Close } from '@mui/icons-material'
 4 
import { Close } from '@mui/icons-material'
Línea 5... Línea 5...
5 
 
 5 
 
Línea 13... Línea 13...
13 
import DailyMediaContent from './daily-media-content'
 13 
import DailyMediaContent from './daily-media-content'
Línea 14... Línea 14...
14 
 
 14 
 
15 
export default function DailyLog() {
 15 
export default function DailyLog() {
16 
  const [show, setShow] = useState(false)
 16 
  const [show, setShow] = useState(false)
- 
 
 17 
  const [dailyMediaContent, setDailyMediaContent] = useState(null)
17 
  const [dailyMediaContent, setDailyMediaContent] = useState(null)
 18 
  const mediaRef = useRef(null)
Línea 18... Línea 19...
18 
  const dispatch = useDispatch()
 19 
  const dispatch = useDispatch()
19 
 
 20 
 
Línea 38... Línea 39...
38 
 
 39 
 
39 
  useEffect(() => {
 40 
  useEffect(() => {
40 
    if (!allCategoriesSelected) setShow(true)
 41 
    if (!allCategoriesSelected) setShow(true)
Línea -... Línea 42...
- 
 
 42 
  }, [allCategoriesSelected])
- 
 
 43 
 
- 
 
 44 
  useEffect(() => {
- 
 
 45 
    if (!show && !mediaRef.current.paused) setDailyMediaContent(null)
41 
  }, [allCategoriesSelected])
 46 
  }, [show, mediaRef.current, setDailyMediaContent])
42 
 
 47 
 
43 
  return (
 48 
  return (
44 
    <Backdrop sx={{ color: '#fff', zIndex: 1250 }} open={show}>
 49 
    <Backdrop sx={{ color: '#fff', zIndex: 1250 }} open={show}>
45 
      <Widget styles={{ maxWidth: '800px' }}>
 50 
      <Widget styles={{ maxWidth: '800px' }}>
Línea 55... Línea 60...
55 
        <Widget.Body>
 60 
        <Widget.Body>
56 
          {dailyMediaContent ? (
 61 
          {dailyMediaContent ? (
57 
            <DailyMediaContent
 62 
            <DailyMediaContent
58 
              type={dailyMediaContent.type}
 63 
              type={dailyMediaContent.type}
59 
              mediaUrl={dailyMediaContent.link}
 64 
              mediaUrl={dailyMediaContent.link}
- 
 
 65 
              ref={mediaRef}
60 
            />
 66 
            />
61 
          ) : (
 67 
          ) : (
62 
            <DailyLogForm
 68 
            <DailyLogForm
63 
              categories={categories}
 69 
              categories={categories}
64 
              onSelect={selectEmoji}
 70 
              onSelect={selectEmoji}