Fix missing pinned sources in source language filter

CHANGELOG.md

@@ -9,18 +9,17 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 ### Added
 - (**Theme**) Add an option to save the dynamic color theme on the manga page as a custom theme
 
-### Changed
-- (**Theme**) Change "pure black mode" paper background color to true black
-
 ### Changed
 - (**General**) Preserve refresh token (UI Login) over sessions
 - (**Theme**) Improve automatic theme background colors
 - (**Theme**) Adjust "primary color" of dynamic color theme on manga pages
 - (**Theme**) Increase max length of custom theme names to 32 (previously 16)
+- (**Theme**) Change "pure black mode" paper background color to true black
 - (**Library**) Improve library manga sorting
 
 ### Fixed
 - (**Library**) Fix total library size chip color in light mode 
+- (**Browse**) Fix missing pinned sources in the source language filter
 
 ## [20251230.01] (r2937) - 2025-12-30
 

src/base/components/inputs/LanguageSelect.tsx

@@ -29,10 +29,9 @@ interface IProps {
     languages: string[];
 }
 
-export function LanguageSelect(props: IProps) {
+export function LanguageSelect({ selectedLanguages, setSelectedLanguages, languages }: IProps) {
     const { t } = useLingui();
 
-    const { selectedLanguages, setSelectedLanguages, languages } = props;
     const [tmpSelectedLanguages, setTmpSelectedLanguages] = useState(toUniqueLanguageCodes(selectedLanguages));
     const [open, setOpen] = useState<boolean>(false);
 

src/features/browse/sources/Sources.tsx

@@ -58,7 +58,9 @@ export function Sources({ tabsMenuHeight }: { tabsMenuHeight: number }) {
     );
     const sourcesByLanguage = useMemo(() => {
         const lastUsedSource = SourceService.getLastUsedSource(lastUsedSourceId, filteredSources);
-        const groupedByLanguageTuple = Object.entries(SourceService.groupByLanguage(filteredSources));
+        const groupedByLanguageTuple = Object.entries(
+            SourceService.groupByLanguage(filteredSources, { withPinnedGroup: true }),
+        );
 
         if (lastUsedSource) {
             return [

src/features/source/services/Sources.ts

@@ -52,9 +52,10 @@ export class Sources {
 
     static groupByLanguage<Source extends SourceIdInfo & SourceLanguageInfo & SourceDisplayNameInfo & SourceMetaInfo>(
         sources: Source[],
+        { withPinnedGroup = false }: { withPinnedGroup?: boolean } = {},
     ): Record<string, Source[]> {
         const sourcesByLanguage = Object.groupBy(sources, (source) => {
-            if (getSourceMetadata(source).isPinned) {
+            if (withPinnedGroup && getSourceMetadata(source).isPinned) {
                 return DefaultLanguage.PINNED;
             }
 
@@ -64,11 +65,11 @@ export class Sources {
             const isAPinned = a === DefaultLanguage.PINNED;
             const isBPinned = b === DefaultLanguage.PINNED;
 
-            if (isAPinned) {
+            if (withPinnedGroup && isAPinned) {
                 return -1;
             }
 
-            if (isBPinned) {
+            if (withPinnedGroup && isBPinned) {
                 return 1;
             }