archive/theorangeone.net-legacy
Archived
1
Fork 0
Code Releases Packages Activity

Remove unused react components

Browse source
This commit is contained in:
Jake Howard 2016-03-16 22:40:45 +00:00
parent a71ab7ef5d
commit 8b37ba7ad7
2 changed files with 0 additions and 92 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
static/src/js/app.js
View file

@ -7,14 +7,12 @@ import 'whatwg-fetch';
import React from 'react'; import React from 'react';
import ProjectImagesTypes from './components/index/project-images-types'; import ProjectImagesTypes from './components/index/project-images-types';
import ProjectImagesMain from './components/index/project-images-main';
import NavBar from './components/navbar/navbar'; import NavBar from './components/navbar/navbar';
import Breadcrumbs from './components/breadcrumbs'; import Breadcrumbs from './components/breadcrumbs';
if ($('body').hasClass('index')) { // Render components on index if ($('body').hasClass('index')) { // Render components on index
React.render(<ProjectImagesTypes />, document.getElementById('project-images-types')); React.render(<ProjectImagesTypes />, document.getElementById('project-images-types'));
React.render(<ProjectImagesMain />, document.getElementById('project-images-main'));
} }
if ($('navbar').length > 0) { if ($('navbar').length > 0) {

90
static/src/js/components/index/project-images-main.js
View file

@ -1,90 +0,0 @@
import React from 'react';
var ReactBootstrap = require('react-bootstrap');
import ProjectImage from './project-image';
import Reverser from '../../helpers/reverser';
var Row = ReactBootstrap.Row;
const DATA = [
{
title: 'Custom PC',
text: 'Without my PCs, I wouldnt be able to do anything you see here.',
link: 'about:me',
},
{
title: 'BSOD-Enabler',
text: 'Ever wanted to bring up a Blue Screen of Death on command, well now you can!',
link: 'projects:project',
args: 'bsod-enabler'
},
{
title: 'Yoga Pal',
text: 'For anyone running a 2-in-1 laptop on an OS other than Windows.',
link: '',
},
{
title: 'Attack on Blocks',
text: 'The closest thing I\'ve done to games development',
link: '',
},
{
title: 'Dotfile-automator',
text: 'Automatically sync your dotfiles between machines. Keep things just the way you like them!',
link: '',
},
{
title: 'Student Robotics',
text: '',
link: 'robotics:index',
}
];
export default class ProjectImagesMain extends React.Component {
constructor() {
super();
this.keys = [[1, 2, 3], [4, 5, 6]];
this.state = {
hover: 0,
seeMoreURL: ''
};
this.setHovering = this.setHovering.bind(this);
this._generate_image = this._generate_image.bind(this);
}
setHovering(key) {
this.setState({hover: key});
}
_generate_image(key) {
return (
<ProjectImage
isHovered={this.state.hover === key}
data={DATA[key - 1]}
onHover={this.setHovering.bind(this, key)}
onLeave={this.setHovering.bind(this, 0)} />
);
}
componentDidMount() {
Reverser('projects:all', [], function (url) {
this.setState({ seeMoreURL: url});
}.bind(this));
}
render() {
var images = this.keys.map(function (keyColumns) {
var col = keyColumns.map(function (key) {
return this._generate_image(key);
}.bind(this));
return (<Row>{col}</Row>);
}.bind(this));
return (
<div className="container">
<h1>Personal Projects</h1>
{ images }
<a href={this.state.seeMoreURL} className="see-more">
<h3>See More</h3>
</a>
</div>
);
}
}