iritmaximus/ohtuilmo
1
0
Fork 0
mirror of https://github.com/UniversityOfHelsinkiCS/ohtuilmo.git synced 2026-10-12 19:03:41 +03:00
Code Issues Packages Projects Releases Wiki Activity

Made the topic form look cleaner

Browse Source
This commit is contained in:
Jeremi Nieminen
2018-11-26 14:02:13 +02:00
parent 7230542641
commit f7bfaf20b4
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Topic.js
+9 -9
View File
@@ -8,33 +8,33 @@ const Topic = ({ content, isEditable, onPageChange }) => {
return (
<div className="single-topic-container">
<div className="block">
<Typography variant="h4" id="title">
<Typography variant="h5" id="title">
{content.title}
</Typography>
</div>
<div className="block">
<Typography variant="h6">Customer</Typography>
<Typography variant="h7">Customer</Typography>
<Typography variant="body1">{content.customerName}</Typography>
</div>
<div className="block">
<Typography variant="h6">Contact email</Typography>
<Typography variant="h7">Contact email</Typography>
<Typography variant="body1">{content.email}</Typography>
</div>
<div className="block">
<Typography variant="h6">Description</Typography>
<Typography variant="h7">Description</Typography>
<ReactMarkdown>{content.description}</ReactMarkdown>
</div>
<div className="block">
<Typography variant="h6">Implementation environment</Typography>
<Typography variant="h7">Implementation environment</Typography>
<ReactMarkdown>{content.environment}</ReactMarkdown>
</div>
<div className="block">
<Typography variant="h6">Special requests</Typography>
<ReactMarkdown>{content.specialRequests}</ReactMarkdown>
<Typography variant="h7">Special requests</Typography>
<ReactMarkdown>{content.specialRequests? content.specialRequests : '-'}</ReactMarkdown>
</div>
<div className="block">
<Typography variant="h6">Additional information</Typography>
<ReactMarkdown>{content.additionalInfo}</ReactMarkdown>
<Typography variant="h7">Additional information</Typography>
<ReactMarkdown>{content.additionalInfo? content.additionalInfo : '-'}</ReactMarkdown>
</div>
{isEditable && (
<div className="topic-edit-button">