Add sync link to import page

4 files changed, 16 insertions, 10 deletions

diff --git a/client/src/app/+videos/+video-edit/video-add-components/video-go-live.component.scss b/client/src/app/+videos/+video-edit/video-add-components/video-go-live.component.scss
index 09b71018f..42d74725e 100644
--- a/client/src/app/+videos/+video-edit/video-add-components/video-go-live.component.scss
+++ b/client/src/app/+videos/+video-edit/video-add-components/video-go-live.component.scss
@@ -2,11 +2,3 @@
   margin-top: 15px;
 }
 
-.peertube-radio-container {
-  width: 250px;
-
-  .form-group-description {
-    white-space: nowrap;
-  }
-}
-
diff --git a/client/src/app/+videos/+video-edit/video-add-components/video-import-url.component.html b/client/src/app/+videos/+video-edit/video-add-components/video-import-url.component.html
index 67e1cb418..a80d31aaf 100644
--- a/client/src/app/+videos/+video-edit/video-add-components/video-import-url.component.html
+++ b/client/src/app/+videos/+video-edit/video-add-components/video-import-url.component.html
@@ -16,6 +16,10 @@
       </my-help>
 
       <input type="text" id="targetUrl" [(ngModel)]="targetUrl" class="form-control" />
+
+      <div *ngIf="isChannelSyncEnabled()" class="form-group-description" i18n>
+        You can also synchronize a remote channel in <a routerLink="/my-library/video-channel-syncs">your library</a>
+      </div>
     </div>
 
     <div class="form-group">
diff --git a/client/src/app/+videos/+video-edit/video-add-components/video-import-url.component.ts b/client/src/app/+videos/+video-edit/video-add-components/video-import-url.component.ts
index 4ef7d1321..422f0c643 100644
--- a/client/src/app/+videos/+video-edit/video-add-components/video-import-url.component.ts
+++ b/client/src/app/+videos/+video-edit/video-add-components/video-import-url.component.ts
@@ -64,6 +64,10 @@ export class VideoImportUrlComponent extends VideoSend implements OnInit, AfterV
     return this.targetUrl?.match(/https?:\/\//)
   }
 
+  isChannelSyncEnabled () {
+    return this.serverConfig.import.videoChannelSynchronization.enabled
+  }
+
   importVideo () {
     this.isImportingVideo = true
 
diff --git a/client/src/app/+videos/+video-edit/video-add-components/video-send.scss b/client/src/app/+videos/+video-edit/video-add-components/video-send.scss
index ed46fefb0..684ab23cc 100644
--- a/client/src/app/+videos/+video-edit/video-add-components/video-send.scss
+++ b/client/src/app/+videos/+video-edit/video-add-components/video-send.scss
@@ -1,7 +1,7 @@
 @use '_variables' as *;
 @use '_mixins' as *;
 
-$width-size: 250px;
+$width-size: 275px;
 
 .alert.alert-danger {
   text-align: center;
@@ -27,7 +27,9 @@ $width-size: 250px;
     @include peertube-select-container($width-size);
   }
   my-select-options ::ng-deep ng-select,
-  my-select-channel ::ng-deep ng-select {
+  my-select-channel ::ng-deep ng-select,
+  .peertube-radio-container,
+  .form-group-description {
     width: $width-size;
 
     @media screen and (max-width: $width-size) {
@@ -35,6 +37,10 @@ $width-size: 250px;
     }
   }
 
+  .form-group-description {
+    white-space: nowrap;
+  }
+
   input[type=text] {
     @include peertube-input-text($width-size);
     display: block;