mirror of
https://github.com/ajayyy/SponsorBlock.git
synced 2025-12-09 21:17:20 +03:00
Move segment export to backup page and improve margins
This commit is contained in:
@@ -1207,6 +1207,6 @@
|
|||||||
"description": "Header of the unsubmitted segments list"
|
"description": "Header of the unsubmitted segments list"
|
||||||
},
|
},
|
||||||
"exportSegmentsAsURL": {
|
"exportSegmentsAsURL": {
|
||||||
"message": "Export segments as URL"
|
"message": "Share as URL"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -362,6 +362,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div data-type="react-UnsubmittedVideosComponent"></div>
|
||||||
|
|
||||||
<div data-type="private-text-change" data-sync="*" data-confirm-message="exportOptionsWarning">
|
<div data-type="private-text-change" data-sync="*" data-confirm-message="exportOptionsWarning">
|
||||||
<h2>__MSG_exportOptions__</h2>
|
<h2>__MSG_exportOptions__</h2>
|
||||||
@@ -491,10 +493,6 @@
|
|||||||
<div class="small-description">__MSG_copyDebugInformationOptions__</div>
|
<div class="small-description">__MSG_copyDebugInformationOptions__</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div data-type="react-UnsubmittedVideosComponent">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div data-type="toggle" data-sync="testingServer" data-confirm-message="testingServerWarning" data-no-safari="true">
|
<div data-type="toggle" data-sync="testingServer" data-confirm-message="testingServerWarning" data-no-safari="true">
|
||||||
<div class="switch-container">
|
<div class="switch-container">
|
||||||
<label class="switch">
|
<label class="switch">
|
||||||
|
|||||||
@@ -29,7 +29,8 @@ class UnsubmittedVideoListComponent extends React.Component<UnsubmittedVideoList
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<table id="unsubmittedVideosList"
|
<table id="unsubmittedVideosList"
|
||||||
className="categoryChooserTable">
|
className="categoryChooserTable"
|
||||||
|
style={{marginTop: "10px"}} >
|
||||||
<tbody>
|
<tbody>
|
||||||
{/* Headers */}
|
{/* Headers */}
|
||||||
<tr id="UnsubmittedVideosListHeader"
|
<tr id="UnsubmittedVideosListHeader"
|
||||||
|
|||||||
@@ -15,7 +15,6 @@ class UnsubmittedVideosComponent extends React.Component<UnsubmittedVideosProps,
|
|||||||
constructor(props: UnsubmittedVideosProps) {
|
constructor(props: UnsubmittedVideosProps) {
|
||||||
super(props);
|
super(props);
|
||||||
|
|
||||||
// Setup state
|
|
||||||
this.state = {
|
this.state = {
|
||||||
tableVisible: false,
|
tableVisible: false,
|
||||||
};
|
};
|
||||||
@@ -23,10 +22,10 @@ class UnsubmittedVideosComponent extends React.Component<UnsubmittedVideosProps,
|
|||||||
|
|
||||||
render(): React.ReactElement {
|
render(): React.ReactElement {
|
||||||
const videoCount = Object.keys(Config.config.unsubmittedSegments).length;
|
const videoCount = Object.keys(Config.config.unsubmittedSegments).length;
|
||||||
const segmentCount = Object.values(Config.config.unsubmittedSegments).reduce((acc: number, vid: Array<unknown>) => acc+vid.length, 0);
|
const segmentCount = Object.values(Config.config.unsubmittedSegments).reduce((acc: number, vid: Array<unknown>) => acc + vid.length, 0);
|
||||||
|
|
||||||
return <>
|
return <>
|
||||||
<div>
|
<div style={{marginBottom: "10px"}}>
|
||||||
{segmentCount == 0 ?
|
{segmentCount == 0 ?
|
||||||
chrome.i18n.getMessage("unsubmittedSegmentCountsZero") :
|
chrome.i18n.getMessage("unsubmittedSegmentCountsZero") :
|
||||||
chrome.i18n.getMessage("unsubmittedSegmentCounts")
|
chrome.i18n.getMessage("unsubmittedSegmentCounts")
|
||||||
|
|||||||
Reference in New Issue
Block a user