30 lines
781 B
JavaScript
30 lines
781 B
JavaScript
import React from 'react';
|
|
import { formatRelease } from '../date';
|
|
|
|
import { featuredOnly } from '../../common/model';
|
|
import HeroHeadline from './HeroHeadline';
|
|
import QuadrantGrid from './QuadrantGrid';
|
|
import Fadeable from './Fadeable';
|
|
import SetTitle from './SetTitle';
|
|
|
|
export default function PageIndex({
|
|
leaving,
|
|
onLeave,
|
|
items,
|
|
navigate,
|
|
...props
|
|
}) {
|
|
const newestRelease = props.releases.slice(-1)[0];
|
|
return (
|
|
<Fadeable leaving={leaving} onLeave={onLeave}>
|
|
<SetTitle {...props} title="Technology Radar" />
|
|
<div className="headline-group">
|
|
<HeroHeadline alt={formatRelease(newestRelease)}>
|
|
AOE Technology Radar
|
|
</HeroHeadline>
|
|
</div>
|
|
<QuadrantGrid items={featuredOnly(items)} />
|
|
</Fadeable>
|
|
);
|
|
}
|