Fakultas Ilmu Komputer UI

Commit d6b893da authored by Sean Zeliq Urian's avatar Sean Zeliq Urian
Browse files

[RED] Implement ActivityLog Scene

parent 9dc478bb
import React from 'react'; import React, { useContext, useState } from 'react';
import styled, { ThemeContext } from 'styled-components';
import { Box, Content, CategoryButton } from 'components';
import ActivityList from './components/ActivityList';
import ActivityTabel from './components/ActivityTabel';
import { Box } from 'components'; export const DEFAULT_THEME = {
import ActivityLog from './components/ActivityLog'; colors: {
totallyWhite: 'white',
mediumGray: 'gray',
},
};
function Home() { function ActivityLog() {
const { colors } = useContext(ThemeContext) || DEFAULT_THEME;
const [isTable, setIsTable] = useState(false);
return ( return (
<Box width="100%" axis={Box.Axis.Vertical}> <Content title="Log Aktivitas">
<ActivityLog /> <Box
</Box> width="100%"
padding="24px 24px"
borderRadius="3px"
background={colors.totallyWhite}
axis={Box.Axis.Vertical}
>
<Box width="70%" axis={Box.Axis.Horizontal} margin="0 0 2em">
<CategoryButton
width="30%"
value={isTable}
values={[
{ label: 'List', value: false },
{ label: 'Tabel', value: true }
]}
onClick={setIsTable}
/>
</Box>
{
isTable ?
<ActivityTabel />
:
<ActivityList />
}
</Box>
</Content>
); );
} }
export default Home; export default ActivityLog;
\ No newline at end of file \ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment