feat: add event organizer logo form field and update event page

RocketChat · Nov 28, 2022 · 1fd0265 · 1fd0265
1 parent b3ce9e5
commit 1fd0265
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/app/components/conferences/create/EventBasicDetails.js b/app/components/conferences/create/EventBasicDetails.js
@@ -168,7 +168,16 @@ export const EventBasicCreate = ({ setDraft, handleToast }) => {
             <Form.Control
               name="original-image-url"
               type="url"
-              placeholder=""
+              placeholder="https://via.placeholder.com/1920x960.png"
+              onChange={handleChange}
+            />
+          </Form.Group>
+          <Form.Group className="mb-3">
+            <Form.Label>Event Organizer logo</Form.Label>
+            <Form.Control
+              name="logo-url"
+              type="url"
+              placeholder="https://via.placeholder.com/100.png"
               onChange={handleChange}
             />
           </Form.Group>

diff --git a/app/components/conferences/display/EventShow.js b/app/components/conferences/display/EventShow.js
@@ -59,6 +59,7 @@ export const EventShow = ({ event, error, speaker, prsession }) => {
               <div className={styles.event_logo}>
                 <Image src={event.data.attributes["logo-url"]} width={100} />
               </div>
+              <div style={{textAlign: 'center'}}><h6> Organizer </h6></div>
             </Stack>
           </Tab>
           <Tab eventKey="sessions" title="Sessions">

diff --git a/app/styles/event.module.css b/app/styles/event.module.css
@@ -72,11 +72,13 @@
 
 .event_desc {
   margin-top: 1em;
+  margin-bottom: 1em;
 }
 
 .event_logo {
   display: flex;
   justify-content: space-around;
+  margin-bottom: 1em;
 }
 
 .event_nav_header {