Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import { Box, styled } from '@mui/material'
import { device } from '@app/styles/MediaQueries'

import GroupsWidget from './Groups'
import AppsWidget from '@app/components/widgets/default/SocialNetworks'
import UserInfo from './UserInfo'

const CustomSidebar = styled(Box)`
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  height: fit-content;
  grid-area: sidebar;

  @media ${device.mobile} {
    display: none;
  }
`

const Sidebar = ({ user }) => {
  const {
    moodle_image,
    moodle_name,
    microlearning_playstore,
    microlearning_appstore
  } = user
  const moodle = {
    image: moodle_image,
    name: moodle_name
  }
  const microlearning = {
    playStore: microlearning_playstore,
    appStore: microlearning_appstore
  }

  return (
    <CustomSidebar>
      <UserInfo {...user} />
      <GroupsWidget />
      <AppsWidget moodle={moodle} microlearning={microlearning} />
    </CustomSidebar>
  )
}

export default Sidebar