Merge pull request #34 from RonasIT/PRD-2154-knowledge-sheet-styling-fix

PRD-2154: Fix knowledge sheet

Author: veliseev93

i18n/mobile/folder/en.json

@@ -28,6 +28,7 @@
       "TEXT_UNSUPPORTED_TYPE": "Unsupported type."
     },
     "SELECT_KNOWLEDGE_SHEET": {
+      "TEXT_SEARCH_KNOWLEDGE": "Search knowledge",
       "TEXT_SELECT_KNOWLEDGE": "Select Knowledge",
       "TEXT_NO_KNOWLEDGE": "There is no knowledge."
     }

libs/mobile/folder/features/select-knowledge-sheet/src/lib/component.tsx

@@ -93,14 +93,13 @@ export function SelectKnowledgeSheet({ onConfirm, ref, ...props }: SelectKnowled
             title={translate('TEXT_SELECT_KNOWLEDGE')}
             onGoBack={closeModal}
             onConfirmPress={handleConfirm}
-            className='px-16'
           />
           <SearchInput
             value={query}
             onChangeText={setQuery}
             isInBottomSheet
-            className='px-16'
             onCancel={onCancelPress}
+            placeholder={translate('TEXT_SEARCH_KNOWLEDGE')}
           />
           {isLoading ? (
             <View className='flex-1'>

libs/mobile/folder/features/select-knowledge-sheet/src/lib/components/knowledge-row/component.tsx

@@ -10,7 +10,7 @@ export interface KnowledgeRowProps {
 
 export function KnowledgeRow({ item, onPress, isSelected }: KnowledgeRowProps): ReactElement {
   return (
-    <AppPressable onPress={onPress} className='px-16 py-12 gap-16 flex-row items-center justify-between'>
+    <AppPressable onPress={onPress} className='py-12 gap-16 flex-row items-center justify-between'>
       <Icon name={item.isDocument ? 'file' : 'database'} />
       <View className='flex-1 gap-4'>
         <AppText>{item.name}</AppText>

libs/shared/data-access/api/src/lib/knowledge/models/index.ts

@@ -3,3 +3,4 @@ export * from './knowledge-file';
 export * from './knowledge-data';
 export * from './knowledge-access-control';
 export * from './knowledge-access-control-groups';
+export * from './knowledge-response';

libs/shared/data-access/api/src/lib/knowledge/models/knowledge-response.ts

@@ -0,0 +1,14 @@
+import { Expose } from 'class-transformer';
+import { Knowledge } from './knowledge';
+
+export class KnowledgeResponse {
+  @Expose()
+  public items: Array<Knowledge>;
+
+  @Expose()
+  public total: number;
+
+  constructor(response: Partial<KnowledgeResponse> = {}) {
+    Object.assign(this, response);
+  }
+}

libs/shared/data-access/api/src/lib/knowledge/service.ts

@@ -2,7 +2,7 @@ import { plainToInstance } from 'class-transformer';
 import { getApiService } from '@open-webui-react-native/shared/data-access/api-client';
 import { EntityPromiseService } from '@open-webui-react-native/shared/data-access/base-entity';
 import { knowledgeApiConfig } from './config';
-import { Knowledge } from './models';
+import { Knowledge, KnowledgeResponse } from './models';
 
 class KnowledgeService extends EntityPromiseService<Knowledge> {
   constructor() {
@@ -14,9 +14,17 @@ class KnowledgeService extends EntityPromiseService<Knowledge> {
   }
 
   public async getKnowledge(): Promise<Array<Knowledge>> {
-    const response = await getApiService().get<Array<Knowledge>>(`${knowledgeApiConfig.route}/`);
+    const response = await getApiService().get<KnowledgeResponse>(`${knowledgeApiConfig.route}/`);
 
-    return response.map((item) => plainToInstance(Knowledge, item));
+    const transformed = plainToInstance(KnowledgeResponse, response, {
+      excludeExtraneousValues: true,
+    });
+
+    return transformed.items.map((item) =>
+      plainToInstance(Knowledge, item, {
+        excludeExtraneousValues: true,
+      }),
+    );
   }
 }