Add and display school type information

gocemitevski · Jan 26, 2024 · d060a5b · d060a5b
1 parent 3f79e2d
commit d060a5b
Show file tree

Hide file tree

Showing 3 changed files with 116 additions and 5 deletions.
diff --git a/src/components/SchoolItem.js b/src/components/SchoolItem.js
@@ -9,10 +9,11 @@ const SchoolItem = (props) => {
     return (
         <article className="card school" key={props.index}>
             <div className="row no-gutters">
-                <div className="col-lg-6 p-4 d-flex">
-                    <h2 className="h5 mb-0 flex-fill">
+                <div className="col-lg-6 p-4 d-flex flex-column">
+                    <h2 className={`h5 flex-fill ${props.data.tip ? `mb-2` : `mb-0`}`}>
                         <SchoolItemLink {...props} data={props.data} />
                     </h2>
+                    {props.data.tip && <p className='text-muted'>{props.data.tip}</p>}
                 </div>
                 <div className="col-lg-6">
                     <div className="card-body">

diff --git a/src/components/SchoolItemMap.js b/src/components/SchoolItemMap.js
@@ -18,6 +18,7 @@ const SchoolItemMap = (props) => {
                 <div className="col-lg-6">
                     <div className="card-body p-5 d-flex flex-column h-100">
                         <h1 className="h2 mb-3 font-weight-bold card-title">{props.data.ime}</h1>
+                        {props.data.tip && <p className='text-muted'>{props.data.tip}</p>}
                         <dl className="mb-0">
                             <dt>Адреса:</dt>
                             <dd><address className="mb-0">{props.data.adresa}<br />{props.data.opstina}</address></dd>