Skip to content

Conversation

@tanuprasad530
Copy link
Contributor

@tanuprasad530 tanuprasad530 commented Oct 9, 2025

Added another section under 'Send Interactive Messages using Google Sheets' with an example. Updated the read time to 15 minute as a consequence to adding this section.

Summary by CodeRabbit

  • Documentation
    • Updated article header from "10 minutes read" to "15 minutes read" and standardized label to "Level: Intermediate".
    • Added a comprehensive section, "Using G‑sheets to Dynamically fetch button/list options in Interactive Messages," with step-by-step setup, visuals, configuration guidance, placeholders, counters, and two example scenarios.
    • Note: the new section appears twice, resulting in duplicated content.

Added another section under 'Send Interactive Messages using Google Sheets' with an example. Updated the read time to 15 minute as a consequence to adding this section.
@coderabbitai
Copy link
Contributor

coderabbitai bot commented Oct 9, 2025

Walkthrough

Updated the "Link Google Sheets" documentation: adjusted header metadata formatting and added a sizable section "Using G-sheets to Dynamically fetch button/list options in Interactive Messages" (inserted twice, duplicated). No code or runtime behavior changes.

Changes

Cohort / File(s) Summary of Changes
Docs: Flow Actions — Link Google Sheets
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md
Header metadata formatting changed ("10 minutes read" → "15 minutes read"; "Level:Intermediate" → "Level: Intermediate"). Added a new section "Using G-sheets to Dynamically fetch button/list options in Interactive Messages" (steps, visuals, mappings, counters/termination notes). The section appears twice (duplicated). Only documentation edits; no code changes.

Sequence Diagram(s)

sequenceDiagram
  autonumber
  participant User as User
  participant Glific as Glific (Flow)
  participant GSheet as Google Sheets
  rect rgba(220,235,255,0.45)
    Note over Glific,GSheet: Docs describe dynamic option fetch for interactive messages
    User->>Glific: Trigger interactive message (button/list)
    Glific->>GSheet: Read sheet rows (fetch options)
    GSheet-->>Glific: Return rows/options
    Glific->>User: Render interactive options
  end
  alt User selects option
    User->>Glific: Send selection
    rect rgba(220,255,220,0.25)
      Glific->>Glific: Apply flow logic (drill‑down or quiz), update counters, decide next step
    end
  else No selection / timeout
    Glific->>User: Send fallback or repeat prompt
  end
Loading

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Possibly related PRs

Suggested reviewers

  • Fawas003

Poem

I hopped through sheets where choices hide,
Cells turned to buttons, paths opened wide.
I fetch, I map, I nudge the flow,
Little paws guiding what users know. 🥕

Pre-merge checks and finishing touches

❌ Failed checks (1 inconclusive)
Check name Status Explanation Resolution
Title Check ❓ Inconclusive The provided title only indicates that the “12. Link Google Sheets.md” file was updated but does not convey the actual content changes, such as the addition of a dynamic G-sheets fetching section or the updated read time, making it too generic to summarize the PR’s main improvements. Please revise the title to clearly summarize the key changes, for example: “Add dynamic Google Sheets fetching example and update read time in Link Google Sheets doc.”
✅ Passed checks (2 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Docstring Coverage ✅ Passed No functions found in the changes. Docstring coverage check skipped.
✨ Finishing touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch link-g-sheet-update.md

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between c7aa25b and 5c557f3.

📒 Files selected for processing (1)
  • docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md (2 hunks)
🚧 Files skipped from review as they are similar to previous changes (1)
  • docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

📜 Review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 30ad854 and ab33d3e.

📒 Files selected for processing (1)
  • docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md (2 hunks)
🧰 Additional context used
🪛 GitHub Actions: Build and Deploy to Netlify
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md

[error] 200-201: MDX compilation failed. Cause: Expected a closing tag for
(200:189-200:193) before the end of paragraph. Details: line 200, column 1-48; ruleId end-tag-mismatch; source: mdast-util-mdx-jsx. Command failed: yarn build (docusaurus build) exited with code 1.

🪛 GitHub Actions: Test deployment
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md

[error] 200-201: MDX compilation failed during 'yarn build'. Cause: Expected a closing tag for
(200:189-200:193) before the end of paragraph. Details: end-tag-mismatch (mdast-util-mdx-jsx).

Comment on lines 199 to 244
### Using G-sheets to Dynamically fetch button/list options in Interactive Messages.
This approach helps the user reduce the effort required to create flows containing multiple interactive messages by automatically fetching the message body and options from a Google Sheet.<br>
It is particularly useful in scenarios such as:
<ul>
<li> When multiple interactive messages (for example, more than 4) are used within a chatbot flow.</li>
<li> When managing nested options (e.g., District → Block).</li>
</ul>
The example below demonstrates a sample setup for both approaches, which can be customized or adapted as per the specific use case.
<br>

<img width="314" height="428" alt="Screenshot 2025-10-09 at 2 31 36 PM" src="https://github.com/user-attachments/assets/d67a4e0b-0cc4-4a14-8305-b4dca3959889" />

<ol>
<li>In the nested drill-down approach, once the end user selects a district, the corresponding blocks under that district are displayed. </li>
<li>In the second approach, based on the topic selected (Science or General Knowledge), a short quiz with two questions is presented to the end user. The message body and options for both questions are dynamically fetched from the G-Sheet. </li>
</ol>

### Steps to configure this setup:
Step 1 - Setup the g-sheet, following this format. Here’s the link to the <a href="https://docs.google.com/spreadsheets/d/16sG1O2DvLj_7z3m_uM-jGt_YPIiuoB_YXXCKdMeNbT8/edit?usp=sharing">sample sheet</a><br>
For quiz:<br>

<img width="634" height="351" alt="Screenshot 2025-10-09 at 2 33 37 PM" src="https://github.com/user-attachments/assets/59331b13-3eb3-4a0d-92f3-15858dcbb2f7" /><br>

To fetch district options from g-sheets– <br>

<img width="633" height="348" alt="Screenshot 2025-10-09 at 2 34 14 PM" src="https://github.com/user-attachments/assets/7e3d4d6e-da91-41b8-9efc-eb7adb46fa2e" /><br>

To fetch corresponding blocks, associated with the district— <br>

<img width="633" height="335" alt="Screenshot 2025-10-09 at 2 34 49 PM" src="https://github.com/user-attachments/assets/f846b2b0-e148-4195-8d80-140b91fc3ca4" /><br>

Step 2: Integrate Google Sheet with Glific. For detailed steps on how this is done, please follow <a href="https://glific.github.io/docs/docs/Product%20Features/Flows/Flow%20Actions/Link%20Google%20Sheets/">this</a> link.<br>
Step 3: Create the following interactive messages from `Quick tools` Pane:<br>
For quiz - <br>
<img width="633" height="388" alt="Screenshot 2025-10-09 at 2 37 02 PM" src="https://github.com/user-attachments/assets/72bd2e3d-19d3-47d9-9fef-ad20969a72c1" /><br>

For district options - <br>
<img width="590" height="356" alt="Screenshot 2025-10-09 at 2 37 23 PM" src="https://github.com/user-attachments/assets/bd286914-aeb3-4b39-b887-66a72038b998" /><br>

For block options - <br>
<img width="634" height="382" alt="Screenshot 2025-10-09 at 2 38 03 PM" src="https://github.com/user-attachments/assets/46051406-4806-4bcf-8357-646240a213f8" /><br>

Since the options will be fetched dynamically from the G-Sheet, placeholder (dummy) values can be added as options while creating the interactive message(s).<br>

Step4: Configure the flow, following the below mentioned requirements. Here’s the <a href="https://drive.google.com/file/d/14jFXXPkTiDKuzP3hVTXjYFeL0DKQ0dES/view?usp=drive_link">sample flow </a><br>

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🔴 Critical

Fix MDX <br> tags to unblock the build

The pipeline is failing (yarn build) because MDX expects <br> to be self-closed. Update the newly added break tags to <br /> throughout this section.

-This approach helps the user reduce the effort required to create flows containing multiple interactive messages by automatically fetching the message body and options from a Google Sheet.<br>
+This approach helps the user reduce the effort required to create flows containing multiple interactive messages by automatically fetching the message body and options from a Google Sheet.<br />
@@
-Step 1 - Setup the g-sheet, following this format. Here’s the link to the <a href="https://docs.google.com/spreadsheets/d/16sG1O2DvLj_7z3m_uM-jGt_YPIiuoB_YXXCKdMeNbT8/edit?usp=sharing">sample sheet</a><br>
+Step 1 - Setup the g-sheet, following this format. Here’s the link to the <a href="https://docs.google.com/spreadsheets/d/16sG1O2DvLj_7z3m_uM-jGt_YPIiuoB_YXXCKdMeNbT8/edit?usp=sharing">sample sheet</a><br />
@@
-For quiz:<br>
+For quiz:<br />
@@
-To fetch district options from g-sheets– <br>
+To fetch district options from g-sheets– <br />

Please apply the same change to the remaining <br> tags you introduced in this block.

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
### Using G-sheets to Dynamically fetch button/list options in Interactive Messages.
This approach helps the user reduce the effort required to create flows containing multiple interactive messages by automatically fetching the message body and options from a Google Sheet.<br>
It is particularly useful in scenarios such as:
<ul>
<li> When multiple interactive messages (for example, more than 4) are used within a chatbot flow.</li>
<li> When managing nested options (e.g., District → Block).</li>
</ul>
The example below demonstrates a sample setup for both approaches, which can be customized or adapted as per the specific use case.
<br>
<img width="314" height="428" alt="Screenshot 2025-10-09 at 2 31 36 PM" src="https://github.com/user-attachments/assets/d67a4e0b-0cc4-4a14-8305-b4dca3959889" />
<ol>
<li>In the nested drill-down approach, once the end user selects a district, the corresponding blocks under that district are displayed. </li>
<li>In the second approach, based on the topic selected (Science or General Knowledge), a short quiz with two questions is presented to the end user. The message body and options for both questions are dynamically fetched from the G-Sheet. </li>
</ol>
### Steps to configure this setup:
Step 1 - Setup the g-sheet, following this format. Here’s the link to the <a href="https://docs.google.com/spreadsheets/d/16sG1O2DvLj_7z3m_uM-jGt_YPIiuoB_YXXCKdMeNbT8/edit?usp=sharing">sample sheet</a><br>
For quiz:<br>
<img width="634" height="351" alt="Screenshot 2025-10-09 at 2 33 37 PM" src="https://github.com/user-attachments/assets/59331b13-3eb3-4a0d-92f3-15858dcbb2f7" /><br>
To fetch district options from g-sheets– <br>
<img width="633" height="348" alt="Screenshot 2025-10-09 at 2 34 14 PM" src="https://github.com/user-attachments/assets/7e3d4d6e-da91-41b8-9efc-eb7adb46fa2e" /><br>
To fetch corresponding blocks, associated with the district— <br>
<img width="633" height="335" alt="Screenshot 2025-10-09 at 2 34 49 PM" src="https://github.com/user-attachments/assets/f846b2b0-e148-4195-8d80-140b91fc3ca4" /><br>
Step 2: Integrate Google Sheet with Glific. For detailed steps on how this is done, please follow <a href="https://glific.github.io/docs/docs/Product%20Features/Flows/Flow%20Actions/Link%20Google%20Sheets/">this</a> link.<br>
Step 3: Create the following interactive messages from `Quick tools` Pane:<br>
For quiz - <br>
<img width="633" height="388" alt="Screenshot 2025-10-09 at 2 37 02 PM" src="https://github.com/user-attachments/assets/72bd2e3d-19d3-47d9-9fef-ad20969a72c1" /><br>
For district options - <br>
<img width="590" height="356" alt="Screenshot 2025-10-09 at 2 37 23 PM" src="https://github.com/user-attachments/assets/bd286914-aeb3-4b39-b887-66a72038b998" /><br>
For block options - <br>
<img width="634" height="382" alt="Screenshot 2025-10-09 at 2 38 03 PM" src="https://github.com/user-attachments/assets/46051406-4806-4bcf-8357-646240a213f8" /><br>
Since the options will be fetched dynamically from the G-Sheet, placeholder (dummy) values can be added as options while creating the interactive message(s).<br>
Step4: Configure the flow, following the below mentioned requirements. Here’s the <a href="https://drive.google.com/file/d/14jFXXPkTiDKuzP3hVTXjYFeL0DKQ0dES/view?usp=drive_link">sample flow </a><br>
### Using G-sheets to Dynamically fetch button/list options in Interactive Messages.
This approach helps the user reduce the effort required to create flows containing multiple interactive messages by automatically fetching the message body and options from a Google Sheet.<br />
<ol>
<li>In the nested drill-down approach, once the end user selects a district, the corresponding blocks under that district are displayed.</li>
<li>In the second approach, based on the topic selected (Science or General Knowledge), a short quiz with two questions is presented to the end user. The message body and options for both questions are dynamically fetched from the G-Sheet.</li>
</ol>
### Steps to configure this setup:
Step 1 - Setup the g-sheet, following this format. Here’s the link to the <a href="https://docs.google.com/spreadsheets/d/16sG1O2DvLj_7z3m_uM-jGt_YPIiuoB_YXXCKdMeNbT8/edit?usp=sharing">sample sheet</a><br />
For quiz:<br />
To fetch district options from g-sheets– <br />
To fetch corresponding blocks, associated with the district— <br />
Step 2: Integrate Google Sheet with Glific. For detailed steps on how this is done, please follow <a href="https://glific.github.io/docs/docs/Product%20Features/Flows/Flow%20Actions/Link%20Google%20Sheets/">this</a> link.<br />
Step 3: Create the following interactive messages from `Quick tools` Pane:<br />
🧰 Tools
🪛 GitHub Actions: Build and Deploy to Netlify

[error] 200-201: MDX compilation failed. Cause: Expected a closing tag for
(200:189-200:193) before the end of paragraph. Details: line 200, column 1-48; ruleId end-tag-mismatch; source: mdast-util-mdx-jsx. Command failed: yarn build (docusaurus build) exited with code 1.

🪛 GitHub Actions: Test deployment

[error] 200-201: MDX compilation failed during 'yarn build'. Cause: Expected a closing tag for
(200:189-200:193) before the end of paragraph. Details: end-tag-mismatch (mdast-util-mdx-jsx).

🤖 Prompt for AI Agents
In docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md
around lines 199 to 244, the added HTML line break tags are not self-closed
(<br>) which breaks the MDX build; update every instance of <br> in this block
to the self-closed form <br /> (including inline uses after sentences and those
inside lists/images) so the file conforms to MDX syntax and the pipeline can
succeed.

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 0

♻️ Duplicate comments (1)
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md (1)

199-268: Fix MDX <br> tags to unblock the build

MDX requires <br /> (self-closed). Several new lines use <br> and break the build (see pipeline failure at Line 206). Replace all <br> with <br /> in this new section.

Based on pipeline failures

Apply pattern across the block; examples:

- The example below demonstrates a sample setup for both approaches, which can be customized or adapted as per the specific use case.<br>
+ The example below demonstrates a sample setup for both approaches, which can be customized or adapted as per the specific use case.<br />

- <img width="314" height="428" alt="Screenshot 2025-10-09 at 2 31 36 PM" src="https://github.com/user-attachments/assets/d67a4e0b-0cc4-4a14-8305-b4dca3959889" /><br>
+ <img width="314" height="428" alt="Screenshot 2025-10-09 at 2 31 36 PM" src="https://github.com/user-attachments/assets/d67a4e0b-0cc4-4a14-8305-b4dca3959889" /><br />

- Step 1 - Setup the g-sheet, following this format. Here’s the link to the <a href="https://docs.google.com/spreadsheets/d/16sG1O2DvLj_7z3m_uM-jGt_YPIiuoB_YXXCKdMeNbT8/edit?usp=sharing">sample sheet</a><br>
+ Step 1 - Setup the g-sheet, following this format. Here’s the link to the <a href="https://docs.google.com/spreadsheets/d/16sG1O2DvLj_7z3m_uM-jGt_YPIiuoB_YXXCKdMeNbT8/edit?usp=sharing">sample sheet</a><br />

- For quiz:<br>
+ For quiz:<br />

- <img width="634" height="351" alt="Screenshot 2025-10-09 at 2 33 37 PM" src="https://github.com/user-attachments/assets/59331b13-3eb3-4a0d-92f3-15858dcbb2f7" /><br>
+ <img width="634" height="351" alt="Screenshot 2025-10-09 at 2 33 37 PM" src="https://github.com/user-attachments/assets/59331b13-3eb3-4a0d-92f3-15858dcbb2f7" /><br />

- To fetch district options from g-sheets– <br>
+ To fetch district options from g-sheets– <br />

- To fetch corresponding blocks, associated with the district— <br>
+ To fetch corresponding blocks, associated with the district— <br />

- Step 2: Integrate Google Sheet with Glific. ...</a> link.<br>
+ Step 2: Integrate Google Sheet with Glific. ...</a> link.<br />

- Step 3: Create the following interactive messages from `Quick tools` Pane:<br>
+ Step 3: Create the following interactive messages from `Quick tools` Pane:<br />

- For quiz - <br>
+ For quiz - <br />

- <img width="633" height="388" ... /><br>
+ <img width="633" height="388" ... /><br />

- For district options - <br>
+ For district options - <br />

- <img width="590" height="356" ... /><br>
+ <img width="590" height="356" ... /><br />

- For block options - <br>
+ For block options - <br />

- <img width="634" height="382" ... /><br>
+ <img width="634" height="382" ... /><br />

- Since the options will be fetched dynamically from the G-Sheet, placeholder (dummy) values can be added as options while creating the interactive message(s).<br>
+ Since the options will be fetched dynamically from the G-Sheet, placeholder (dummy) values can be added as options while creating the interactive message(s).<br />

- Step4: Configure the flow, following the below mentioned requirements. Here’s the <a ...>sample flow </a><br>
+ Step4: Configure the flow, following the below mentioned requirements. Here’s the <a ...>sample flow </a><br />

- ... fetched from the linked G-Sheet.<br>
+ ... fetched from the linked G-Sheet.<br />

- <img width="383" height="391" ... /><br>
+ <img width="383" height="391" ... /><br />

- <img width="355" height="398" ... /><br>
+ <img width="355" height="398" ... /><br />

- ... selection.<br> 
+ ... selection.<br />

- <img width="400" height="383" ... /><br>
+ <img width="400" height="383" ... /><br />

- <img width="396" height="372" ... /><br> 
+ <img width="396" height="372" ... /><br />

Run to locate any remaining non–self-closed <br> in this file (and repo):

#!/bin/bash
# Find <br> tags that are not self-closed
rg -nP '<br(?!\s*/)\s*>' docs
🧹 Nitpick comments (1)
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md (1)

243-243: Nit: spacing in step label

Use “Step 4” (with a space) for consistency with other steps.

- Step4: Configure the flow, following the below mentioned requirements. Here’s the <a href="https://drive.google.com/file/d/14jFXXPkTiDKuzP3hVTXjYFeL0DKQ0dES/view?usp=drive_link">sample flow </a><br>
+ Step 4: Configure the flow, following the below mentioned requirements. Here’s the <a href="https://drive.google.com/file/d/14jFXXPkTiDKuzP3hVTXjYFeL0DKQ0dES/view?usp=drive_link">sample flow </a><br />
📜 Review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between ab33d3e and c241c85.

📒 Files selected for processing (1)
  • docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md (2 hunks)
🧰 Additional context used
🪛 GitHub Actions: Build and Deploy to Netlify
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md

[error] 206-206: MDX compilation failed. Expected a closing tag for
(206:132-206:136) before the end of paragraph. MDX error: end-tag-mismatch (mdast-util-mdx-jsx).

🪛 GitHub Actions: Test deployment
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md

[error] 206-206: MDX compilation failed. Cause: Expected a closing tag for
(206:132-206:136) before the end of paragraph. Details: {"column":1,"message":"Expected a closing tag for <br> (206:132-206:136) before the end of paragraph","line":206,"name":"206:1-206:136","place":{"start":{"line":206,"column":1,"offset":12890,"_index":0,"_bufferIndex":0},"end":{"line":206,"column":136,"offset":13025,"_index":1,"_bufferIndex":-1}},"reason":"Expected a closing tag for <br> (206:132-206:136) before the end of paragraph","ruleId":"end-tag-mismatch","source":"mdast-util-mdx-jsx"}}

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

♻️ Duplicate comments (1)
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md (1)

218-268: Self-close all <br> tags in this section

Every <br> introduced here is still in the HTML form (<br> / </br>) that MDX rejects, so the build continues to fail. Replace them with the MDX-friendly self-closing form and drop the closing tags.

-<br>For quiz:</br>
+<br />For quiz:
@@
-<br>To fetch district options from g-sheets– </br>
+<br />To fetch district options from g-sheets–
@@
-<br>For quiz - </br>
+<br />For quiz -
@@
-<br><img width="383" height="391" alt="Screenshot 2025-10-09 at 2 43 25 PM" src="https://github.com/user-attachments/assets/13b7048f-6b1d-4741-bb22-d70efe8f18c0" /></br>
+<br /><img width="383" height="391" alt="Screenshot 2025-10-09 at 2 43 25 PM" src="https://github.com/user-attachments/assets/13b7048f-6b1d-4741-bb22-d70efe8f18c0" /><br />

Apply the same treatment to every other <br> added in this block to unblock the pipeline.

📜 Review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between c241c85 and d65560c.

📒 Files selected for processing (1)
  • docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md (2 hunks)
🧰 Additional context used
🪛 GitHub Actions: Build and Deploy to Netlify
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md

[error] 224-224: MDX compilation failed. Unexpected end of file before name, expected a character that can start a name, such as a letter, $, or _.

🪛 GitHub Actions: Test deployment
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md

[error] 224-224: MDX compilation failed for file '/home/runner/work/docs/docs/docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md': Unexpected end of file before name, expected a character that can start a name, such as a letter, $, or _. (Command 'yarn build' exited with code 1.)

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 0

♻️ Duplicate comments (1)
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md (1)

216-266: Fix MDX <br> usage (build blocker)

MDX requires self‑closed <br />. The current block uses <br> and </br>, which breaks yarn build. Replace all with <br /> or remove where not needed. Also fix “Step4” → “Step 4” and prefer “Google Sheets” over “G‑sheets” for consistency.

Apply this patch to the edited block:

-<br>For quiz:</br>
+<br />For quiz:<br />
@@
-<br>To fetch district options from g-sheets– </br>
+<br />To fetch district options from Google Sheets –<br />
@@
-<br>To fetch corresponding blocks, associated with the district—</br>
+<br />To fetch corresponding blocks, associated with the district —<br />
@@
-<br>Step 2: Integrate Google Sheet with Glific. For detailed steps on how this is done, please follow <a href="https://glific.github.io/docs/docs/Product%20Features/Flows/Flow%20Actions/Link%20Google%20Sheets/">this</a> link.</br>
+<br />Step 2: Integrate Google Sheet with Glific. For detailed steps, follow <a href="https://glific.github.io/docs/docs/Product%20Features/Flows/Flow%20Actions/Link%20Google%20Sheets/">this</a> link.<br />
@@
-<br>Step 3: Create the following interactive messages from `Quick tools` Pane:</br>
+<br />Step 3: Create the following interactive messages from `Quick tools` pane:<br />
@@
-<br>For quiz - </br>
+<br />For quiz -<br />
@@
-<br>For district options - </br>
+<br />For district options -<br />
@@
-<br>For block options - </br>
+<br />For block options -<br />
@@
-<br>Since the options will be fetched dynamically from the G-Sheet, placeholder (dummy) values can be added as options while creating the interactive message(s).</br>
+<br />Since the options will be fetched dynamically from the Google Sheet, placeholder (dummy) values can be added as options while creating the interactive message(s).<br />
@@
-<br>Step4: Configure the flow, following the below mentioned requirements. Here’s the <a href="https://drive.google.com/file/d/14jFXXPkTiDKuzP3hVTXjYFeL0DKQ0dES/view?usp=drive_link">sample flow </a></br>
+<br />Step 4: Configure the flow, following the below requirements. Here’s the <a href="https://drive.google.com/file/d/14jFXXPkTiDKuzP3hVTXjYFeL0DKQ0dES/view?usp=drive_link">sample flow</a>.<br />
@@
-<li><br><img width="383" height="391" alt="Screenshot 2025-10-09 at 2 43 25 PM" src="https://github.com/user-attachments/assets/13b7048f-6b1d-4741-bb22-d70efe8f18c0" /></br></li>
+<li><br /><img width="383" height="391" alt="Screenshot 2025-10-09 at 2 43 25 PM" src="https://github.com/user-attachments/assets/13b7048f-6b1d-4741-bb22-d70efe8f18c0" /><br /></li>
@@
-<li><br><img width="355" height="398" alt="Screenshot 2025-10-09 at 2 43 44 PM" src="https://github.com/user-attachments/assets/59ba324d-ba05-4a06-891c-5cd2db1c58a1" /></br></li>
+<li><br /><img width="355" height="398" alt="Screenshot 2025-10-09 at 2 43 44 PM" src="https://github.com/user-attachments/assets/59ba324d-ba05-4a06-891c-5cd2db1c58a1" /><br /></li>
@@
-<br>For Nested drill down – </br>
+<br />For nested drill down –<br />
@@
-<li><br><img width="400" height="383" alt="Screenshot 2025-10-09 at 2 46 25 PM" src="https://github.com/user-attachments/assets/4c60745c-0b44-4a00-89c5-ab9b2aa68986" /></br></li>
+<li><br /><img width="400" height="383" alt="Screenshot 2025-10-09 at 2 46 25 PM" src="https://github.com/user-attachments/assets/4c60745c-0b44-4a00-89c5-ab9b2aa68986" /><br /></li>
@@
-<li><br><img width="396" height="372" alt="Screenshot 2025-10-09 at 2 47 01 PM" src="https://github.com/user-attachments/assets/202c3127-9e68-40f6-ba9b-7e7a15c825fd" /></br></li>
+<li><br /><img width="396" height="372" alt="Screenshot 2025-10-09 at 2 47 01 PM" src="https://github.com/user-attachments/assets/202c3127-9e68-40f6-ba9b-7e7a15c825fd" /><br /></li>
@@
-<li><br><img width="458" height="505" alt="Screenshot 2025-10-09 at 2 51 24 PM" src="https://github.com/user-attachments/assets/3b480b94-3865-4d1c-be01-9df01f5fc674" /></br></li>
+<li><br /><img width="458" height="505" alt="Screenshot 2025-10-09 at 2 51 24 PM" src="https://github.com/user-attachments/assets/3b480b94-3865-4d1c-be01-9df01f5fc674" /><br /></li>

Run to verify no invalid breaks remain:

#!/bin/bash
rg -n -C0 -e '<br[^/ ]?>' -e '</br>' docs | sed -n '1,200p'
🧹 Nitpick comments (1)
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md (1)

199-207: Avoid duplicating the interactive messages content

This subsection largely overlaps with “Send Interactive Messages using Google Sheets” above. Consider merging or cross‑referencing to keep one authoritative flow and reduce maintenance.

📜 Review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between d66de10 and 8e6aeba.

📒 Files selected for processing (1)
  • docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md (2 hunks)
🔇 Additional comments (1)
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md (1)

4-5: Header metadata update looks good

Read time and level formatting are consistent.

@github-actions
Copy link

github-actions bot commented Oct 9, 2025

@github-actions github-actions bot temporarily deployed to pull request October 9, 2025 18:35 Inactive
@SangeetaMishr SangeetaMishr merged commit f127cac into main Oct 10, 2025
7 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants