add field with label help component

SELab-2 · Mar 10, 2024 · 5e8e210 · 5e8e210
1 parent 5f8e97f
commit 5e8e210
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/frontend/src/components/FieldWithLabel.tsx b/frontend/src/components/FieldWithLabel.tsx
@@ -0,0 +1,16 @@
+import {JSX} from "react";
+
+export default function FieldWithLabel(props: { fieldLabel: string, fieldBody: string, arrow: boolean }): JSX.Element {
+    return (
+        <div className="field is-horizontal">
+            <div className="field-label">
+                <label className="label">{props.arrow && "> "} {props.fieldLabel}: </label>
+            </div>
+            <div className="field-body">
+                <div className="field">
+                    <label>{props.fieldBody}</label>
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/frontend/src/components/ViewProjectStudent.tsx b/frontend/src/components/ViewProjectStudent.tsx