Skip to content
Snippets Groups Projects
parts.tsx 1.67 KiB
Newer Older
Liliana Sanfilippo's avatar
Liliana Sanfilippo committed
import { LoremMedium } from "../components/Loremipsum";
import { Section, Subesction } from "../components/sections";
Liliana Sanfilippo's avatar
Liliana Sanfilippo committed
import { PartTable } from "../components/Table";
import { useTabNavigation } from "../utils/TabNavigation";
Liliana Sanfilippo's avatar
Liliana Sanfilippo committed
import { BasicParts  } from "../data/parts";
Liliana Sanfilippo's avatar
Liliana Sanfilippo committed
export function Parts() {
  useTabNavigation();
Liliana Sanfilippo's avatar
Liliana Sanfilippo committed
  let headcols = ["Part Name", "Registry Code", "Part Description", "length [bp]", "type"]
Liliana Sanfilippo's avatar
Liliana Sanfilippo committed
    return ( 
Liliana Sanfilippo's avatar
Liliana Sanfilippo committed
      <div className="col">
        <Section title="Introduction" id="Introduction">
          <Subesction title="Description" id="Introduction1">
            <LoremMedium/>
          </Subesction>
          <Subesction title="Characterization" id="Introduction2">
            <LoremMedium/>
          </Subesction>
        </Section>
        <Section title="Process" id="Process">
Liliana Sanfilippo's avatar
Liliana Sanfilippo committed
          <Subesction title="EC" id="Process1">
            <LoremMedium/> 
          </Subesction>
          <Subesction title="Design and Build" id="Process2">
            <LoremMedium/> 
          </Subesction>
Liliana Sanfilippo's avatar
Liliana Sanfilippo committed
        </Section>
        <Section title="Experiments" id="Experiments">
Liliana Sanfilippo's avatar
Liliana Sanfilippo committed
          <Subesction title="Cloning" id="Experiments1">
            <LoremMedium/> 
          </Subesction>
Liliana Sanfilippo's avatar
Liliana Sanfilippo committed
          
Liliana Sanfilippo's avatar
Liliana Sanfilippo committed
        </Section>
        <Section title="Parts Collection" id="Parts Collection">
Liliana Sanfilippo's avatar
Liliana Sanfilippo committed
          <Subesction title="Plasmids" id="Parts Collection1">
            <LoremMedium/>
          </Subesction>
          <Subesction title="Basic Parts" id="Parts Collection2">
Liliana Sanfilippo's avatar
Liliana Sanfilippo committed
            <PartTable cols={headcols} data={BasicParts}/>
Liliana Sanfilippo's avatar
Liliana Sanfilippo committed
          </Subesction>
          <Subesction title="Composite Parts" id="Parts Collection3">
Liliana Sanfilippo's avatar
Liliana Sanfilippo committed
          .
Liliana Sanfilippo's avatar
Liliana Sanfilippo committed
          </Subesction>
Liliana Sanfilippo's avatar
Liliana Sanfilippo committed
        </Section>
      </div>