fix: quill editer added Planet-NULLCAST#778

event discription editer added
jasurobo · Jan 18, 2022 · fe1fb6b · fe1fb6b
1 parent 3aae6e5
commit fe1fb6b
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 24 deletions.
diff --git a/component/admin/EventInfo.jsx b/component/admin/EventInfo.jsx
@@ -21,8 +21,8 @@ export default function EventInfo({ eventDetails, setEventDetails, eventDetailsE
       [{ header: '1' }, { header: '2' }, { header: [3, 4, 5, 6] }, { font: [] }],
       [{ size: [] }],
       ['bold', 'italic', 'underline', 'strike', 'blockquote'],
-      [{ list: 'ordered' }, { list: 'bullet' }],
-      ['link', 'image', 'video'],
+      // [{ list: 'ordered' }, { list: 'bullet' }],
+      // ['link', 'image', 'video'],
       ['clean'],
       ['code-block']
     ]
@@ -39,8 +39,6 @@ export default function EventInfo({ eventDetails, setEventDetails, eventDetailsE
     'list',
     'bullet',
     'link',
-    'image',
-    'video',
     'code-block'
   ];
 

diff --git a/component/layout/EventDetails/Detail.jsx b/component/layout/EventDetails/Detail.jsx
@@ -1,26 +1,32 @@
 import styles from "./Detail.module.scss";
 import EventDate from "../EventLayouts/EventDate";
+import renderHTML from 'react-render-html';
 
 export default function Detail({ event }) {
   const { meta_title, description, location, event_time } = event;
   return (
     <section className={styles.detail__Wrap}>
       <div className="container">
-      <h1 className={styles.title}>{meta_title}</h1>
-      <div className={styles.location__Wrap}>
-        <span className={styles.icon}>
-          <img src="/images/location-pin.svg" alt="location_Icon" />
-        </span>
-        <span className={styles.location}>{location}</span>
+        <h1 className={styles.title}>{meta_title}</h1>
+        <div className={styles.location__Wrap}>
+          <span className={styles.icon}>
+            <img src="/images/location-pin.svg" alt="location_Icon" />
+          </span>
+          <span className={styles.location}>{location}</span>
+        </div>
+        <div className={styles.event__counter}>
+          <EventDate eventDate={event_time} />
+        </div>
+        <div className={styles.content}>
+          <h4>Description</h4>
+          <div
+            className="codeClass font-light js "
+            dangerouslySetInnerHTML={{ __html: event.description }}
+          />
+        </div>
+        {/* <p dangerouslySetInnerHTML={{ __html: { description  }} /> */}
+        {/* </div> */}
       </div>
-      <div className={styles.event__counter}>
-        <EventDate eventDate={event_time} />
-      </div>
-      <div className={styles.content}>
-        <h4>Description</h4>
-        <p>{description}</p>
-      </div>
-      </div>
-    </section>
-  )
-}
+    </section >
+  );
+}
diff --git a/component/layout/EventLayouts/EventFeatured.jsx b/component/layout/EventLayouts/EventFeatured.jsx
@@ -27,8 +27,8 @@ export default function EventFeatured({ event }) {
                       />
                     )}
                     <button>
-                      <img 
-                        src="/images/event-card.svg" 
+                      <img
+                        src="/images/event-card.svg"
                         alt="Event_Card_Icon"
                         width={19.94}
                         height={19.94} />
@@ -64,7 +64,8 @@ export default function EventFeatured({ event }) {
                 </span>
                 <span className={styles.location}>{event?.location}</span>
               </p>
-              <p>{`${event?.description}`.length > 180 ? `${event?.description}`.slice(0,180) + "..." : `${event?.description}`}</p>
+              <div className="codeClass font-light js "
+                dangerouslySetInnerHTML={{ __html: (`${event?.description}`.length > 180 ? `${event?.description}`.slice(0, 180) + "..." : `${event?.description}`) }} />
             </div>
           </Fade>
         </div>