Function AddForm

client/src/components/TopicPage/ViewTopicPage/AddForm/index.tsx:85–102

(props: Props)

}

export default function AddForm(props: Props) {
  const viewer = useFragment(viewerFragment, props.viewer)
  const parentTopic = useFragment(parentTopicFragment, props.parentTopic)
  const isPrivateRepo = !!viewer.selectedRepo?.isPrivate

  const selectRepositoryStyle = {
    backgroundColor: isPrivateRepo ?
      viewer.selectedRepo?.displayColor :
      'transparent',
  }

  return (
    <form className="border rounded-1 px-md-2 px-3 mt-3" style={selectRepositoryStyle}>
      <SelectRepository currentTopicId={parentTopic.id} viewer={viewer} />
      <InnerAddForm isPrivateRepo={isPrivateRepo} topic={parentTopic} viewer={viewer} />
    </form>
  )
}