stargifts

Author: teidesu

pnpm-lock.yaml

@@ -18,7 +18,7 @@ import useHeavyAnimationCheck, {getHeavyAnimationPromise} from '../hooks/useHeav
 import I18n, {LangPackKey, i18n, join} from '../lib/langPack';
 import findUpClassName from '../helpers/dom/findUpClassName';
 import {getMiddleware, Middleware, MiddlewareHelper} from '../helpers/middleware';
-import {ChannelParticipant, Chat, ChatFull, ChatParticipant, Document, Message, MessageMedia, MessagesChats, Peer, Photo, StoryItem, Update, User, WebPage} from '../layer';
+import {ChannelParticipant, Chat, ChatFull, ChatParticipant, Document, Message, MessageMedia, MessagesChats, Peer, Photo, StoryItem, Update, User, UserFull, WebPage} from '../layer';
 import SortedUserList from './sortedUserList';
 import findUpTag from '../helpers/dom/findUpTag';
 import appSidebarRight from './sidebarRight';
@@ -93,6 +93,8 @@ import setBlankToAnchor from '../lib/richTextProcessor/setBlankToAnchor';
 import cancelClickOrNextIfNotClick from '../helpers/dom/cancelClickOrNextIfNotClick';
 import createElementFromMarkup from '../helpers/createElementFromMarkup';
 import numberThousandSplitter from '../helpers/number/numberThousandSplitter';
+import {StarGiftsProfileTab} from './sidebarRight/tabs/stargifts';
+import {getFirstChild, resolveFirst} from '@solid-primitives/refs';
 
 // const testScroll = false;
 
@@ -112,7 +114,7 @@ export type SearchSuperContext = {
 
 export type SearchSuperMediaType = 'stories' | 'members' | 'media' |
   'files' | 'links' | 'music' | 'chats' | 'voice' | 'groups' | 'similar' |
-  'savedDialogs' | 'saved' | 'channels' | 'apps';
+  'savedDialogs' | 'saved' | 'channels' | 'apps' | 'gifts';
 export type SearchSuperMediaTab = {
   inputFilter?: SearchSuperType,
   name: LangPackKey,
@@ -1963,6 +1965,39 @@ export default class AppSearchSuper {
     this.loaded[mediaTab.type] = true;
   }
 
+  private _loadedGifts: true
+  private async loadGifts({mediaTab}: SearchSuperLoadTypeOptions) {
+    if(!this._loadedGifts) {
+      const middleware = this.middleware.get();
+      createRoot((dispose) => {
+        middleware.onClean(() => dispose());
+
+        const scrollTarget = this.scrollable.container;
+
+        const {render: giftsList, loadNext} = StarGiftsProfileTab({
+          peerId: this.searchContext.peerId,
+          scrollParent: scrollTarget,
+          onCountChange: (count) => {
+            this.setCounter('gifts', count);
+          }
+        });
+
+        scrollTarget.addEventListener('scroll', () => {
+          const offset = 400;
+          if(this.mediaTab !== mediaTab) return; // There is one scrollable for all tabs
+          if(scrollTarget.scrollTop + scrollTarget.clientHeight >= scrollTarget.scrollHeight - offset) {
+            loadNext();
+          }
+        });
+
+        mediaTab.contentTab.append(getFirstChild(giftsList, v => v instanceof Element) as Element);
+      });
+      this._loadedGifts = true;
+    }
+
+    return Promise.resolve();
+  }
+
   private loadType(options: SearchSuperLoadTypeOptions) {
     const {
       mediaTab,
@@ -1991,6 +2026,8 @@ export default class AppSearchSuper {
       promise = this.loadChannels(options);
     } else if(type === 'apps') {
       promise = this.loadApps(options);
+    } else if(type === 'gifts') {
+      promise = this.loadGifts(options);
     }
 
     if(promise) {
@@ -2158,15 +2195,17 @@ export default class AppSearchSuper {
       canViewMembers,
       canViewGroups,
       canViewStories,
-      canViewSimilar
+      canViewSimilar,
+      giftsCount
     ] = await Promise.all([
       this.managers.appMessagesManager.getSearchCounters(peerId, filters, undefined, threadId),
       this.canViewSavedDialogs(),
       this.canViewSaved(),
       this.canViewMembers(),
       this.canViewGroups(),
       this.canViewStories(),
-      this.canViewSimilar()
+      this.canViewSimilar(),
+      this.getGiftsCount()
     ]);
 
     if(!middleware()) {
@@ -2207,14 +2246,16 @@ export default class AppSearchSuper {
     const storiesTab = this.mediaTabsMap.get('stories');
     const groupsTab = this.mediaTabsMap.get('groups');
     const similarTab = this.mediaTabsMap.get('similar');
+    const giftsTab = this.mediaTabsMap.get('gifts');
 
     const a: [SearchSuperMediaTab, boolean][] = [
       [savedDialogsTab, canViewSavedDialogs],
       [savedTab, canViewSaved],
       [storiesTab, canViewStories],
       [membersTab, canViewMembers],
       [groupsTab, canViewGroups],
-      [similarTab, canViewSimilar]
+      [similarTab, canViewSimilar],
+      [giftsTab, giftsCount !== 0]
     ];
 
     a.forEach(([tab, value]) => {
@@ -2229,6 +2270,8 @@ export default class AppSearchSuper {
       }
     });
 
+    this.setCounter('gifts', giftsCount);
+
     if(canViewStories) {
       firstMediaTab = storiesTab;
 
@@ -2441,6 +2484,16 @@ export default class AppSearchSuper {
     }
   }
 
+  public async getGiftsCount() {
+    const {peerId} = this.searchContext
+    const full =
+      peerId.isUser() ?
+        await this.managers.appProfileManager.getProfile(peerId.toUserId()) :
+        await this.managers.appProfileManager.getChannelFull(peerId.toChatId());
+
+    return full.stargifts_count ?? 0;
+  }
+
   public cleanup() {
     this.loadPromises = {};
     this.loaded = {};

public/assets/fonts/tgico.svg

@@ -1,5 +1,6 @@
-import {createEffect, on, splitProps} from 'solid-js'
+import {splitProps} from 'solid-js'
 import ButtonMenuToggle from './buttonMenuToggle'
+import {attachClassName} from '../helpers/solid/classname'
 
 export type ButtonMenuToggleProps = Parameters<typeof ButtonMenuToggle>[0] & {
   class?: string
@@ -9,13 +10,7 @@ export const ButtonMenuToggleTsx = (props: ButtonMenuToggleProps) => {
   const [, rest] = splitProps(props, ['class'])
   const res = ButtonMenuToggle(rest)
 
-  createEffect(on(
-    () => props.class,
-    (value, prev) => {
-      res.classList.remove(prev)
-      res.classList.add(value)
-    }
-  ))
+  attachClassName(res, () => props.class)
 
   return res
 }

public/assets/fonts/tgico.ttf

@@ -11,6 +11,7 @@ export default function Button(props: Partial<{
   disabled: boolean,
   children: JSX.Element,
   icon: Icon,
+  iconAfter: Icon,
   onClick: (e: MouseEvent) => void,
   text: LangPackKey,
   textArgs: FormatterArguments
@@ -25,6 +26,7 @@ export default function Button(props: Partial<{
     >
       {props.icon && <IconTsx icon={props.icon} class="button-icon" />}
       {props.text ? i18n(props.text, props.textArgs) : props.children}
+      {props.iconAfter && <IconTsx icon={props.iconAfter} class="button-icon" />}
     </Dynamic>
   );
 }