69 lines
1.5 KiB
JavaScript
69 lines
1.5 KiB
JavaScript
import React, { PropTypes } from 'react';
|
|
import PureComponent from 'react-pure-render/component';
|
|
import dedent from 'dedent';
|
|
import SuperBlock from './Super-Block.jsx';
|
|
|
|
const lockMessage = dedent`
|
|
To qualify for these nonprofit projects,
|
|
you must first earn all three foundational certifications:
|
|
Front End, Data Visualization, and Back End
|
|
`.replace(/[\n]/g, ' ');
|
|
|
|
const codingPrep = [{
|
|
title: 'Coding Interview Training',
|
|
time: '70 Hours',
|
|
challenges: [
|
|
{
|
|
title: 'Soft Skill Training',
|
|
isLocked: true
|
|
},
|
|
{
|
|
title: 'Critical Thinking Training',
|
|
isLocked: true
|
|
},
|
|
{
|
|
title: 'Whiteboard Coding Training',
|
|
isLocked: true
|
|
}
|
|
]
|
|
}, {
|
|
title: 'Mock Interviews',
|
|
time: '10 Hours',
|
|
challenges: [
|
|
{
|
|
title: 'Mock Interview #1',
|
|
isLocked: true
|
|
},
|
|
{
|
|
title: 'Mock Interview #2',
|
|
isLocked: true
|
|
},
|
|
{
|
|
title: 'Mock Interview #3',
|
|
isLocked: true
|
|
}
|
|
]
|
|
}];
|
|
const title = 'Coding Interview Prep';
|
|
const dashedName = 'coding-prep';
|
|
export default class CodingPrep extends PureComponent {
|
|
static displayName = 'CodingPrep;'
|
|
static propTypes = {
|
|
mapUi: PropTypes.object,
|
|
toggleThisPanel: PropTypes.func
|
|
};
|
|
render() {
|
|
const { mapUi, toggleThisPanel } = this.props;
|
|
return (
|
|
<SuperBlock
|
|
blocks={ codingPrep }
|
|
dashedName={ dashedName }
|
|
mapUi={ mapUi }
|
|
message={ lockMessage }
|
|
title={ title }
|
|
toggleThisPanel={ toggleThisPanel }
|
|
/>
|
|
);
|
|
}
|
|
}
|