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