Added Ambassador Town Hall Tempate and other minor updates

Author: Andre-Diamond

components/Item.tsx

@@ -7,7 +7,8 @@ const TextAreaInput = ({ value, onChange, placeholder, type }: any) => {
   const titles: any = {
     narrative: 'Meeting narrative: Try to make your narrative concise and information-dense, and avoid filler',
     townHallUpdates: 'Write down Weekly Town Hall updates',
-    gameRules: 'Write down Game Rules'
+    gameRules: 'Write down Game Rules',
+    townHallSummary: 'Write down Weekly Town Hall Summary'
   };
 
   // Determine the title based on the type
@@ -123,6 +124,7 @@ const Item = ({ type, item, agendaIndex, itemIndex, onUpdate, onRemove }: any) =
           return createItem(type, agendaIndex, itemIndex, item, handleUpdate, onRemove);
         case 'townHallUpdates':
         case 'narrative':
+        case 'townHallSummary':
         case 'gameRules':
           return <TextAreaInput 
                      type={type} 

components/SummaryAgendaItems.tsx

@@ -61,7 +61,7 @@ const SummaryAgendaItems = ({onUpdate}: any) => {
         const newAgendaItems = JSON.parse(JSON.stringify(prevAgendaItems));
 
         // Check if the type is 'narrative'
-        if (type === 'townHallUpdates' || type === 'narrative' || type === 'gameRules') {
+        if (type === 'townHallUpdates' || type === 'narrative' || type === 'gameRules' || type === 'townHallSummary') {
             if (newAgendaItems[agendaIdx]) {
                 newAgendaItems[agendaIdx][type] = updatedItem[type]; // Directly set the narrative or gameRules string
             }
@@ -245,6 +245,25 @@ const getHeading = (itemType: any, workgroup: any) => {
       </>
     )
   },
+  {
+    type: "townHallSummary",
+    isEnabled: (template: any) => template?.townHallSummary === 1,
+    render: (item: any, agendaIndex: any) => (
+      <>
+        <h3>Town Hall Summary</h3>
+        <div className={styles['action-item']}> 
+          <Item
+            type="townHallSummary"
+            item={item.townHallSummary}
+            agendaIndex={agendaIndex}
+            itemIndex={0} 
+            onUpdate={(agendaIdx: any, itemIdx: any, updatedItem: any) => handleItemUpdate('townHallSummary', agendaIdx, itemIdx, updatedItem)}
+            onRemove={removeItem}
+          />
+        </div>
+      </>
+    )
+  },
   {
     type: "leaderboard",
     isEnabled: (template: any) => template?.leaderboard === 1,

components/SummaryMeetingInfo.tsx

@@ -20,6 +20,8 @@ const SummaryMeetingInfo: React.FC<SummaryMeetingInfoProps> = ({ workgroup, onUp
     documenter = '',
     peoplePresent = '',
     purpose = '',
+    townHallNumber = '',
+    googleSlides = '',
     meetingVideoLink = '',
     miroBoardLink = '',
     otherMediaLink = '',
@@ -36,6 +38,8 @@ const SummaryMeetingInfo: React.FC<SummaryMeetingInfoProps> = ({ workgroup, onUp
     documenter,
     peoplePresent,
     purpose,
+    townHallNumber,
+    googleSlides,
     meetingVideoLink,
     miroBoardLink,
     otherMediaLink,
@@ -115,6 +119,8 @@ const SummaryMeetingInfo: React.FC<SummaryMeetingInfoProps> = ({ workgroup, onUp
       documenter = '',
       peoplePresent = '',
       purpose = '',
+      townHallNumber = '',
+      googleSlides = '',
       meetingVideoLink = '',
       miroBoardLink = '',
       otherMediaLink = '',
@@ -132,6 +138,8 @@ const SummaryMeetingInfo: React.FC<SummaryMeetingInfoProps> = ({ workgroup, onUp
       documenter,
       peoplePresent,
       purpose,
+      townHallNumber,
+      googleSlides,
       meetingVideoLink,
       miroBoardLink,
       otherMediaLink,
@@ -246,6 +254,20 @@ const SummaryMeetingInfo: React.FC<SummaryMeetingInfoProps> = ({ workgroup, onUp
         autoComplete="off"
         title="A sentence on what this group is about. Can be repeated for every summary"
       />
+      </>)}
+      {myVariable.workgroup?.preferred_template?.meetingInfo?.townHallNumber == 1 && (<>
+      <label className={styles['form-label']}>
+        Town Hall Number:
+      </label>
+      <input
+        type="text"
+        name="townHallNumber"
+        value={meetingInfo.townHallNumber || ""}
+        onChange={handleChange}
+        className={styles['form-input']}
+        autoComplete="off"
+        title="The number of the town hall meeting"
+      />
       </>)}
         {myVariable.workgroup?.preferred_template?.meetingInfo?.meetingVideoLink == 1 && (<>
         <label className={styles['form-label']}>
@@ -330,6 +352,19 @@ const SummaryMeetingInfo: React.FC<SummaryMeetingInfoProps> = ({ workgroup, onUp
         initialData={meetingInfo.timestampedVideo}
       />
       )}
+    {myVariable.workgroup?.preferred_template?.meetingInfo?.googleSlides == 1 && (<>
+        <label className={styles['form-label']}>
+          Google Slides (Will be embedded in GitBook):
+        </label>
+        <input
+          type="text"
+          name="googleSlides"
+          value={meetingInfo.googleSlides || ""}
+          onChange={handleChange}
+          className={styles['form-input']}
+          autoComplete="off"
+        />
+      </>)}
     </div>
     </>
   );

components/SummaryTemplate.tsx

@@ -79,6 +79,7 @@ const SummaryTemplate = ({ updateMeetings }: SummaryTemplateProps) => {
       documenter:"",
       peoplePresent: "",
       purpose: "",
+      townHallNumber: "",
       meetingVideoLink: "",
       miroBoardLink: "",
       otherMediaLink: "",

components/TimestampedVideo.tsx

@@ -61,7 +61,7 @@ const TimestampedVideo: React.FC<TimestampedVideoProps> = ({ onUpdate, initialDa
         />
       </div>
     <div className={styles.field}>
-        <label className={styles.label}>Introduction:</label>
+        <label className={styles.label}>Video description:</label>
         <textarea
             className={styles.textarea}
             name="intro"

pages/submit-meeting-summary/index.tsx

@@ -83,7 +83,7 @@ const SubmitMeetingSummary: NextPage = () => {
     "Governance Workgroup": ["narrative", "discussionPoints", "decisionItems", "actionItems"],
     "Education Workgroup": ["meetingTopics", "discussionPoints", "decisionItems", "actionItems"],
     "Marketing Guild": ["discussionPoints", "decisionItems", "actionItems"],
-    "Ambassador Town Hall": ["narrative", "discussionPoints", "decisionItems", "actionItems"]
+    "Ambassador Town Hall": ["townHallSummary", "discussionPoints", "decisionItems", "actionItems"]
   };
 
 useEffect(() => {

styles/timestampedVideo.module.css

@@ -1,5 +1,10 @@
 /* workingDocsTable.module.css */
-
+.container {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  padding: 10px;
+  margin-bottom: 10px;
+}
 .table {
   width: 100%;
   border-collapse: collapse;

utils/generateMarkdown.js

@@ -29,7 +29,7 @@ export function generateMarkdown(summary, order) {
   }
   // Process meetingInfo
   if (summary.meetingInfo) {
-    const { date, name, host, documenter, peoplePresent, purpose, otherMediaLink, meetingVideoLink, mediaLink, miroBoardLink, transcriptLink, workingDocs, timestampedVideo } = summary.meetingInfo;
+    const { date, name, host, documenter, peoplePresent, purpose, googleSlides, townHallNumber, otherMediaLink, meetingVideoLink, mediaLink, miroBoardLink, transcriptLink, workingDocs, timestampedVideo } = summary.meetingInfo;
 
     // Add meeting information to markdown
     if (name) markdown += `- Type of meeting: ${name}\n`;
@@ -41,6 +41,7 @@ export function generateMarkdown(summary, order) {
       markdown += '\n';
     }
     if (purpose) markdown += `- Purpose: ${purpose}\n`;
+    if (townHallNumber) markdown += `- Town Hall Number: ${townHallNumber}\n`; //townHallNumber
     if (meetingVideoLink) markdown += `- Meeting video: ${meetingVideoLink}\n`;
     if (mediaLink) markdown += `- Media link: ${mediaLink}\n`;
     if (miroBoardLink) markdown += `- Miro board: ${miroBoardLink}\n`;
@@ -49,7 +50,7 @@ export function generateMarkdown(summary, order) {
     //markdown += '\n';
 
     // Process workingDocs
-    if (workingDocs) {
+    if (workingDocs && Array.isArray(workingDocs) && workingDocs.length > 0) {
       markdown += `- Working Docs:\n`;
       workingDocs.forEach(doc => {    
         if (doc.link) {
@@ -89,7 +90,12 @@ export function generateMarkdown(summary, order) {
       });
 
       markdown += `\n`;
-    }    
+    }  
+    
+    if (googleSlides) {
+      markdown += `\n#### Slides:\n`;
+      markdown += `{% embed url="${googleSlides}" %}\n\n`;
+    }
   }
 
   function getOrdinal(n) {
@@ -101,7 +107,7 @@ export function generateMarkdown(summary, order) {
   // Generic function to format items
   const formatItems = (title, items, itemType) => {
     let sectionContent = '';
-    if (itemType === 'townHallUpdates' || itemType === 'narrative' || itemType === 'gameRules') {
+    if (itemType === 'townHallUpdates' || itemType === 'narrative' || itemType === 'gameRules' || itemType === 'townHallSummary') {
       if (items.trim()) {  // Check if narrative or gameRules are not empty
         sectionContent = `${items}\n\n`;
       }
@@ -146,6 +152,9 @@ export function generateMarkdown(summary, order) {
       case 'townHallUpdates':
         if (item.townHallUpdates) formatItems("Town Hall Updates", item.townHallUpdates, 'townHallUpdates');
         break;
+      case 'townHallSummary':
+        if (item.townHallSummary) formatItems("Town Hall Summary", item.townHallSummary, 'townHallSummary');
+        break;
       case 'narrative':
         if (item.narrative) formatItems("Narrative", item.narrative, 'narrative');
         break;

utils/sendDiscordMessage.js

@@ -1,15 +1,5 @@
 import axios from 'axios';
 
-function markdownHeadingsToBold(rawmarkdown) {
-  // This regex will match markdown headings, capturing the text after the hashes.
-  const headingRegex = /(?:^|\n)(#+)([^\n]+)/g;
-
-  return rawmarkdown.replace(headingRegex, (match, hashes, text) => {
-    // Replace the hashes with bold syntax.
-    return `${hashes.replace(/#/g, '').length > 0 ? '\n' : ''}**${text.trim()}**`;
-  });
-}
-
 function parseMarkdownToEmbedFields(rawmarkdown) {
   const fieldsArray = [];
   // Split the raw markdown by lines
@@ -149,7 +139,17 @@ function createDiscordEmbeds(rawmarkdown, title, footerText) {
 
 export async function sendDiscordMessage(myVariable, markdown) {
   const embedRegex = /\{% embed url="([^"]+)" %\}/g;
-  markdown = markdown.replace(embedRegex, (match, url) => `[Video Link](${url})`);
+  const updatedMarkdown = markdown.replace(embedRegex, (match, url) => {
+    // Check if the URL is a YouTube video
+    if (url.includes("youtube.com") || url.includes("youtu.be")) {
+      return `[Watch Video](${url})`; // Replace with a descriptive text for videos
+    } else if (url.includes("google.slides.com") || url.includes("docs.google.com/presentation")) {
+      return `[View Slides](${url})`; // Replace with a descriptive text for slides
+    } else {
+      return `[Link](${url})`; // A generic replacement for other URLs
+    }
+  });
+  markdown = updatedMarkdown;
 
   const workgroup = myVariable.summary.workgroup;
   const username = myVariable.summary.meetingInfo.documenter;

utils/updateWorkgroups.js

@@ -12,17 +12,21 @@ export async function updateWorkgroups(workgroupData) {
       "documenter":1,
       "peoplePresent":1,
       "purpose":1,
+      "townHallNumber": 0,
+      "googleSlides": 0,
       "meetingVideoLink":1,
-      "miroBoardLink":1,
-      "otherMediaLink":1,
+      "miroBoardLink":0,
+      "otherMediaLink":0,
       "transcriptLink":1,
-      "mediaLink":0
+      "mediaLink":0,
+      "workingDocs": 1,
+      "timestampedVideo": 0
     },
     "agendaItems":
     [
       {
-        "agenda":1,
-        "status":1,
+        "agenda":0,
+        "status":0,
         "narrative":0,
         "meetingTopics":0,
         "issues":0,