From 993706080285e2008f3dde993ccfd6508e527f18 Mon Sep 17 00:00:00 2001
From: Mikael Finstad <finstaden@gmail.com>
Date: Wed, 9 Dec 2020 17:24:12 +0100
Subject: [PATCH] add help

---
 src/ExportConfirm.jsx | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/ExportConfirm.jsx b/src/ExportConfirm.jsx
index 80949cab..aa37976f 100644
--- a/src/ExportConfirm.jsx
+++ b/src/ExportConfirm.jsx
@@ -63,6 +63,10 @@ const ExportConfirm = memo(({
     toast.fire({ icon: 'info', timer: 10000, text: i18n.t('Not all formats support all track types, and LosslessCut is unable to properly cut some track types, so you may have to sacrifice some tracks by disabling them in order to get correct result.') });
   }
 
+  function onSegmentsToChaptersHelpPress() {
+    toast.fire({ icon: 'info', timer: 10000, text: i18n.t('When merging, do you want to create chapters in the merged file, according to the cut segments?') });
+  }
+
   function onAvoidNegativeTsHelpPress() {
     // https://ffmpeg.org/ffmpeg-all.html#Format-Options
     const texts = {
@@ -93,11 +97,11 @@ const ExportConfirm = memo(({
                   {outSegments.length > 1 && <li>{t('Merge {{segments}} cut segments to one file?', { segments: outSegments.length })} <MergeExportButton autoMerge={autoMerge} outSegments={outSegments} toggleAutoMerge={toggleAutoMerge} /></li>}
                   <li>
                     <Trans>Input has {{ numStreamsTotal }} tracks - <Highlight style={{ cursor: 'pointer' }} onClick={() => setStreamsSelectorShown(true)}>Keeping {{ numStreamsToCopy }} tracks</Highlight></Trans>
-                    <HelpIcon onClick={withBlur(onTracksHelpPress)} />
+                    <HelpIcon onClick={onTracksHelpPress} />
                   </li>
                   <li>
                     {t('Output container format:')} {renderOutFmt({ height: 20, maxWidth: 150 })}
-                    <HelpIcon onClick={withBlur(onOutFmtHelpPress)} />
+                    <HelpIcon onClick={onOutFmtHelpPress} />
                   </li>
                   <li>
                     {t('Save output to path:')} <span role="button" onClick={changeOutDir} style={outDirStyle}>{outputDir}</span>
@@ -107,7 +111,12 @@ const ExportConfirm = memo(({
                 <h3>{t('Advanced options')}</h3>
 
                 <ul>
-                  {autoMerge && <li>{t('Create chapters from segments?')} <Button height={20} onClick={toggleSegmentsToChapters}>{segmentsToChapters ? t('Yes') : t('No')}</Button></li>}
+                  {autoMerge && (
+                    <li>
+                      {t('Create chapters from segments?')} <Button height={20} onClick={toggleSegmentsToChapters}>{segmentsToChapters ? t('Yes') : t('No')}</Button>
+                      <HelpIcon onClick={onSegmentsToChaptersHelpPress} />
+                    </li>
+                  )}
                 </ul>
 
                 <p>{t('Depending on your specific file, you may have to try different options for best results.')}</p>
@@ -115,13 +124,13 @@ const ExportConfirm = memo(({
                 <ul>
                   <li>
                     {t('Cut mode:')} <KeyframeCutButton keyframeCut={keyframeCut} onClick={withBlur(() => toggleKeyframeCut(false))} />
-                    <HelpIcon onClick={withBlur(onKeyframeCutHelpPress)} />
+                    <HelpIcon onClick={onKeyframeCutHelpPress} />
                   </li>
 
                   {isMov && (
                     <li>
                       {t('Preserve all MP4/MOV metadata?')} <PreserveMovDataButton preserveMovData={preserveMovData} togglePreserveMovData={togglePreserveMovData} />
-                      <HelpIcon onClick={withBlur(onPreserveMovDataHelpPress)} />
+                      <HelpIcon onClick={onPreserveMovDataHelpPress} />
                     </li>
                   )}
                   <li>
@@ -132,7 +141,7 @@ const ExportConfirm = memo(({
                       <option value="auto">auto</option>
                       <option value="disabled">disabled</option>
                     </Select>
-                    <HelpIcon onClick={withBlur(onAvoidNegativeTsHelpPress)} />
+                    <HelpIcon onClick={onAvoidNegativeTsHelpPress} />
                   </li>
                 </ul>
               </div>