diff --git a/client/src/app/+my-library/my-videos/my-videos.component.ts b/client/src/app/+my-library/my-videos/my-videos.component.ts index b618b3f88..57b8bdf7d 100644 --- a/client/src/app/+my-library/my-videos/my-videos.component.ts +++ b/client/src/app/+my-library/my-videos/my-videos.component.ts @@ -105,12 +105,14 @@ export class MyVideosComponent implements OnInit, DisableForReuseHook { this.user = this.authService.getUser() this.userChannels = this.user.videoChannels - const channelFilters = this.userChannels.map(c => { - return { - value: 'channel:' + c.name, - label: c.displayName - } - }) + const channelFilters = [ ...this.userChannels ] + .sort((a, b) => a.displayName.localeCompare(b.displayName)) + .map(c => { + return { + value: 'channel:' + c.name, + label: c.displayName + } + }) this.inputFilters = [ { diff --git a/client/src/app/core/server/server.service.ts b/client/src/app/core/server/server.service.ts index 75dbe3e60..122c3d37d 100644 --- a/client/src/app/core/server/server.service.ts +++ b/client/src/app/core/server/server.service.ts @@ -2,7 +2,7 @@ import { Observable, of, Subject } from 'rxjs' import { first, map, share, shareReplay, switchMap, tap } from 'rxjs/operators' import { HttpClient } from '@angular/common/http' import { Inject, Injectable, LOCALE_ID } from '@angular/core' -import { getDevLocale, isOnDevLocale, sortBy } from '@app/helpers' +import { getDevLocale, isOnDevLocale } from '@app/helpers' import { logger } from '@root-helpers/logger' import { getCompleteLocale, isDefaultLocale, peertubeTranslate } from '@shared/core-utils/i18n' import { HTMLServerConfig, ServerConfig, ServerStats, VideoConstant } from '@shared/models'