Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
T
Tia-dev
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Dida Adams Arizona
Tia-dev
Commits
78d470ae
Commit
78d470ae
authored
Aug 05, 2020
by
Deni Rinaldi
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'deni-dev(pc)' into 'master'
dikit dulu See merge request
!4
parents
c13028b3
3ea57b8b
Changes
5
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
59 additions
and
5 deletions
+59
-5
Images.js
src/assets/Images.js
+3
-0
triputra.png
src/assets/triputra.png
+0
-0
Home.js
src/container/Home.js
+41
-5
Profile.js
src/container/Profile.js
+11
-0
index.js
src/router/index.js
+4
-0
No files found.
src/assets/Images.js
View file @
78d470ae
...
...
@@ -7,6 +7,9 @@ const Images = {
logout
:
require
(
'./setting.png'
),
setting
:
require
(
'./logout.png'
),
//Image
triputra
:
require
(
'./triputra.png'
),
}
export
default
Images
\ No newline at end of file
src/assets/triputra.png
0 → 100644
View file @
78d470ae
14.9 KB
src/container/Home.js
View file @
78d470ae
...
...
@@ -29,8 +29,9 @@ import {
import
Images
from
'../assets/Images'
;
import
{
FadeMenu
,
Footer
}
from
'../Utils/Index'
;
import
Beranda
from
'./Beranda'
;
import
{
Avatar
}
from
'@material-ui/core'
;
const
drawerWidth
=
240
;
const
drawerWidth
=
307
;
const
useStyles
=
makeStyles
((
theme
)
=>
({
root
:
{
...
...
@@ -68,6 +69,7 @@ const useStyles = makeStyles((theme) => ({
easing
:
theme
.
transitions
.
easing
.
sharp
,
duration
:
theme
.
transitions
.
duration
.
enteringScreen
,
}),
backgroundColor
:
'#0d2846'
},
drawerClose
:
{
transition
:
theme
.
transitions
.
create
(
'width'
,
{
...
...
@@ -79,6 +81,7 @@ const useStyles = makeStyles((theme) => ({
[
theme
.
breakpoints
.
up
(
'sm'
)]:
{
width
:
theme
.
spacing
(
9
)
+
1
,
},
backgroundColor
:
'#0d2846'
},
toolbar
:
{
display
:
'flex'
,
...
...
@@ -88,10 +91,22 @@ const useStyles = makeStyles((theme) => ({
// necessary for content to be below app bar
...
theme
.
mixins
.
toolbar
,
},
toolbarDrawer
:
{
alignItems
:
'center'
,
justifyContent
:
'flex-end'
,
padding
:
theme
.
spacing
(
0
,
1
),
// necessary for content to be below app bar
// ...theme.mixins.toolbar
},
content
:
{
flexGrow
:
1
,
padding
:
theme
.
spacing
(
3
),
},
orangeAvatar
:
{
margin
:
10
,
color
:
'#fff'
,
backgroundColor
:
'black'
,
},
}));
export
default
function
MiniDrawer
()
{
...
...
@@ -160,12 +175,33 @@ export default function MiniDrawer() {
}),
}}
>
<
div
className
=
{
classes
.
toolbar
}
>
<
IconButton
onClick
=
{
handleDrawerClose
}
>
{
theme
.
direction
===
'rtl'
?
<
ChevronRightIcon
/>
:
<
ChevronLeftIcon
/>
}
<
/IconButton
>
<
div
className
=
{
classes
.
toolbarDrawer
}
style
=
{{
backgroundColor
:
'#51c6ea'
,
height
:
open
?
152
:
68
}}
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'space-between'
,
flex
:
1
,
padding
:
10
}}
>
<
img
src
=
{
Images
.
triputra
}
alt
=
"React Logo"
style
=
{{
height
:
31
,
width
:
151
,
alignSelf
:
'center'
}}
/
>
<
IconButton
onClick
=
{
handleDrawerClose
}
>
{
theme
.
direction
===
'rtl'
?
<
ChevronRightIcon
color
=
{
"white"
}
/> : <ChevronLeftIcon color={"white"} /
>
}
<
/IconButton
>
<
/div
>
{
open
&&
<
div
style
=
{{
width
:
'100%'
}}
>
<
Typography
style
=
{{
fontSize
:
12
,
color
:
'#fff'
,
textAlign
:
'center'
,
fontWeight
:
'bold'
}}
>
John
Doe
<
/Typography
>
<
Typography
style
=
{{
fontSize
:
12
,
color
:
'#fff'
,
textAlign
:
'center'
,
marginTop
:
10
}}
>
john
@
tia
.
com
<
/Typography
>
<
/div
>
}
<
/div
>
<
Divider
/>
{
open
&&
<
div
style
=
{{
width
:
'100%'
,
textAlign
:
'-webkit-center'
,
marginTop
:
-
15
}}
>
<
div
style
=
{{
width
:
86
,
height
:
86
,
backgroundColor
:
'#0d2846'
,
borderRadius
:
50
,
display
:
'flex'
,
justifyContent
:
'center'
}}
>
<
div
style
=
{{
width
:
72
,
height
:
72
,
backgroundColor
:
'white'
,
borderRadius
:
50
,
alignSelf
:
'center'
}}
>
<
/div
>
<
/div
>
<
/div
>
}
<
List
>
{[
'Inbox'
,
'Starred'
,
'Send email'
,
'Drafts'
].
map
((
text
,
index
)
=>
(
<
ListItem
button
key
=
{
text
}
>
...
...
src/container/Profile.js
0 → 100644
View file @
78d470ae
import
React
,
{
Component
}
from
'react'
;
class
Profile
extends
Component
{
render
()
{
return
(
<
div
>
textInComponent
<
/div
>
);
}
}
export
default
Profile
;
src/router/index.js
View file @
78d470ae
...
...
@@ -9,6 +9,7 @@ import {
import
Home
from
'../container/Home'
import
Login
from
'../container/Login'
import
Register
from
'../container/Register'
import
Profile
from
'../container/Profile'
// This site has 3 pages, all of which are rendered
// dynamically in the browser (not server rendered).
//
...
...
@@ -53,6 +54,9 @@ export default function BasicExample() {
<
Route
path
=
"/register"
>
<
Register
/>
<
/Route
>
<
Route
path
=
"/profile"
>
<
Profile
/>
<
/Route
>
<
Route
path
=
"*"
>
<
NoMatch
/>
<
/Route
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment