Skip to content

Instantly share code, notes, and snippets.

View wongni's full-sized avatar

Wonkun Kim wongni

8 followers · 0 following
  • Schneider Electric
  • Raleigh, NC, USA
View GitHub Profile
@wongni
wongni / ViewerTemplate.js-2
Created January 12, 2018 04:25
import React from 'react'
import styles from './ViewerTemplate.scss'
import classNames from 'classnames/bind'
const cx = classNames.bind(styles)
const ViewerTemplate = ({ viewer, spaceNavigator }) => {
return (
<div className={cx('viewer-template')}>
<header>
@wongni
wongni / ViewerTemplate.scss
Created January 12, 2018 05:08
@import 'utils';
.viewer-template {
header {
background: $oc-gray-9;
height: 5rem;
color: white;
padding: 1rem;
display: flex;
@wongni
wongni / App.js-2
Created January 12, 2018 05:39
import React, { Component } from 'react'
import ViewerTemplate from './components/ViewerTemplate'
class App extends Component {
render() {
return (
<div>
<ViewerTemplate />
</div>
)
@wongni
wongni / SpaceNavigator.scss
Last active January 12, 2018 05:55
.space-navigator {
.end {
position: absolute;
top: 0;
height: 100%;
display: flex;
align-items: center;
color: white;
&.left {
padding: 1rem;
@wongni
wongni / SpaceNavigator-2.js
Created January 12, 2018 05:56
import React from 'react'
import styles from './SpaceNavigator.scss'
import classNames from 'classnames/bind'
import LeftIcon from 'react-icons/lib/md/chevron-left'
import RightIcon from 'react-icons/lib/md/chevron-right'
const cx = classNames.bind(styles)
const SpaceNavigator = ({ onPrev, onNext }) => {
return (
@wongni
wongni / App-3.js
Created January 12, 2018 06:03
import React, { Component } from 'react'
import ViewerTemplate from './components/ViewerTemplate'
import SpaceNavigator from './components/SpaceNavigator'
class App extends Component {
render() {
return (
<div>
<ViewerTemplate spaceNavigator={<SpaceNavigator />}/>
</div>
@wongni
wongni / App-4.js
Last active January 12, 2018 06:17
import React, { Component } from 'react'
import ViewerTemplate from './components/ViewerTemplate'
import SpaceNavigator from './components/SpaceNavigator'
import Viewer from './components/Viewer'
class App extends Component {
render() {
return (
<div>
<ViewerTemplate
@wongni
wongni / Viewer-2.scss
Created January 12, 2018 06:22
@import 'utils';
.viewer {
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
img {
display: block;
@wongni
wongni / Viewer-2.js
Created January 12, 2018 06:24
import React from 'react'
import styles from './Viewer.scss'
import classNames from 'classnames/bind'
const cx = classNames.bind(styles)
const Viewer = ({ mediaType, url, loading }) => {
return (
<div className={cx('viewer')}>
{(
@wongni
wongni / Viewer-3.js
Created January 12, 2018 06:30
import React from 'react'
import styles from './Viewer.scss'
import classNames from 'classnames/bind'
const cx = classNames.bind(styles)
const Viewer = ({ mediaType, url, loading }) => {
return (
<div className={cx('viewer')}>
{(