datahub/datahub-web-react/src/app/home/HomePageBody.tsx
John Joyce 4da49fb1b4
refactor(ui): Make Navigating DataHub UI easier, fix duplicate tracking, duplicate networks calls, + misc optimizations (#7592)
Co-authored-by: david-leifker <114954101+david-leifker@users.noreply.github.com>
2023-03-21 18:36:21 -07:00

23 lines
686 B
TypeScript

import React from 'react';
import styled from 'styled-components';
import { useUserContext } from '../context/useUserContext';
import { HomePageRecommendations } from './HomePageRecommendations';
const BodyContainer = styled.div`
padding: 20px 100px;
margin: 0;
background-color: ${(props) => props.theme.styles['homepage-background-lower-fade']};
> div {
margin-bottom: 20px;
}
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
`;
export const HomePageBody = () => {
const user = useUserContext()?.user;
return <BodyContainer>{user && <HomePageRecommendations user={user} />}</BodyContainer>;
};