chore: add comments to optimization functions

TheWidlarzGroup · Jan 13, 2024 · 25a210f · 25a210f
1 parent 026999f
commit 25a210f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/src/components/EmojiCategory.tsx b/src/components/EmojiCategory.tsx
@@ -147,6 +147,8 @@ export const EmojiCategory = React.memo(
 
     const [maxIndex, setMaxIndex] = React.useState(0)
 
+    // with InteractionManager we can show emojis after interaction is finished
+    // It helps with delay during category change animation
     InteractionManager.runAfterInteractions(() => {
       if (maxIndex === 0 && data.length) {
         setMaxIndex(minimalEmojisAmountToDisplay)

diff --git a/src/contexts/KeyboardProvider.tsx b/src/contexts/KeyboardProvider.tsx
@@ -43,6 +43,8 @@ export const KeyboardProvider: React.FC<ProviderProps> = React.memo((props) => {
     ),
   )
 
+  // On initial render we want to display only emojis that are visible right away after keyboard open
+  // Rest of emojis are loaded after user interaction with keyboard
   const calculateMinimalEmojisAmountToDisplay = () => {
     const defaultHeight = props.defaultHeight || defaultKeyboardContext.defaultHeight
     const emojiSize = props.emojiSize || defaultKeyboardContext.emojiSize