Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import { useLocation } from 'react-router-dom'
import { Container, Grid } from '@mui/material'

import usePosts from '@app/hooks/usePosts'

import PostCard from '@app/components/post/PostCard'
import HomeNews from '@app/components/widgets/default/HomeNews'

const PostViewPage = () => {
  const { pathname } = useLocation()
  const {
    post,
    addComment,
    updateTotalShare,
    updateMyReaction,
    updateReactions
  } = usePosts(pathname)

  return (
    <Container as='main' className='px-0'>
      <Grid container spacing={2}>
        <Grid item xs={12} md={8}>
          <PostCard
            post={post}
            addComment={addComment}
            updateTotalShare={updateTotalShare}
            updateMyReaction={updateMyReaction}
            updateReactions={updateReactions}
          />
        </Grid>

        <Grid item xs={12} md={4}>
          <HomeNews currentPost={post.uuid} />
        </Grid>
      </Grid>
    </Container>
  )
}

export const renderContent = ({ type, file }) => {
  switch (type) {
    case 'video': {
      return (
        <video src={file} controls preload='none' controlsList='nodownload' />
      )
    }

    case 'image': {
      return <img src={file} />
    }

    case 'document': {
      return (
        <a href={file} target='_blank' rel='noreferrer'>
          <img className='pdf' src='/images/extension/pdf.png' alt='pdf' />
        </a>
      )
    }

    case 'audio': {
      return (
        <audio controls>
          <source src={file} />
        </audio>
      )
    }

    default: {
      return (
        <a href={file} target='_blank' rel='noreferrer'>
          <img className='pdf' src='/images/extension/pdf.png' alt='pdf' />
        </a>
      )
    }
  }
}

export default PostViewPage