Add option to hide segment creation buttons in the popup

public/options/options.html

@@ -365,7 +365,7 @@
 					<div class="small-description">__MSG_showTimeWithSkipsDescription__</div>
 				</div>
 
-				<div data-type="toggle" data-sync="cleanPopup" data-no-safari="true">
+				<div data-type="toggle" data-sync="cleanPopup">
 					<div class="switch-container">
 						<label class="switch">
 							<input id="cleanPopup" type="checkbox" checked>
@@ -375,6 +375,20 @@
 							__MSG_cleanPopup__
 						</label>
 					</div>
+
+					<br/>
+
+					<div data-type="toggle" data-sync="hideSegmentCreationInPopup">
+						<div class="switch-container">
+							<label class="switch">
+								<input id="hideSegmentCreationInPopup" type="checkbox" checked>
+								<span class="slider round"></span>
+							</label>
+							<label class="switch-label" for="hideSegmentCreationInPopup">
+								__MSG_hideSegmentCreationInPopup__
+							</label>
+						</div>
+					</div>
 				</div>
 
 				<div data-type="toggle" data-sync="darkMode">

src/config.ts

@@ -77,6 +77,7 @@ interface SBConfig {
     shownDeArrowPromotion: boolean;
     showZoomToFillError2: boolean;
     cleanPopup: boolean;
+    hideSegmentCreationInPopup: boolean;
 
     // Used to cache calculated text color info
     categoryPillColors: {
@@ -349,6 +350,7 @@ const syncDefaults = {
     shownDeArrowPromotion: false,
     showZoomToFillError2: true,
     cleanPopup: false,
+    hideSegmentCreationInPopup: false,
 
     categoryPillColors: {},
 

src/popup/PopupComponent.tsx

@@ -220,7 +220,7 @@ export const PopupComponent = () => {
             }
 
             {
-                !Config.config.cleanPopup &&
+                !Config.config.cleanPopup && !Config.config.hideSegmentCreationInPopup &&
                 <SegmentSubmissionComponent
                     videoID={videoID || ""}
                     status={status.status}