Janady13/thatdeveloperguy-website / app/routes/capabilities.tsx

Source identity

Field	Recorded value
Source type	GitHub source
Original record	Janady13/thatdeveloperguy-website / app/routes/capabilities.tsx
Date	Not specified in source
Repository	Janady13/thatdeveloperguy-website
Revision	2bea2ebdff0e34494bff597d4fa9c8422a0c3a94
Branch	main
Path or archive member	app/routes/capabilities.tsx
Original SHA-256	5fcd67017561933f072f4a8d66867050bba68a38fb6ac5100554dc2f7c52ab10
Git blob SHA	5a545f5d7e27b9a79680141b7b66ea0b84225a4e
Reading-copy SHA-256	5fcd67017561933f072f4a8d66867050bba68a38fb6ac5100554dc2f7c52ab10

Original source ↗

Recovered source transcript

Download complete source text ↓30 lines · 1.1 KB

import { Link } from 'react-router';
import { pageMeta } from '../components/publication/PageMetadata';
import { JsonLd } from '../components/publication/JsonLd';
import { PageHeading } from '../components/content/PageHeading';
import { ContentSections } from '../components/content/ContentSections';
import { ContactAction } from '../components/content/ContactAction';
import { pages } from '../../src/generated';
import { usePage, Missing } from './_page';

export function meta({ location }: { location: { pathname: string } }) { return pageMeta(location.pathname); }

export default function Capabilities() {
  const page = usePage();
  if (!page) return <Missing />;
  const capabilities = pages.filter(p => p.template === 'capability');
  return (
    <>
      <JsonLd page={page} />
      <div className="page-wrap">
        <PageHeading page={page} />
        <ContentSections page={page} />
        <ul className="capability-list">
          {capabilities.map(c => <li key={c.id}><Link to={c.path}><strong>{c.heading}</strong></Link><p>{c.description}</p></li>)}
        </ul>
        <ContactAction page={page} />
      </div>
    </>
  );
}