#!/bin/bash
# Description: Check usage patterns of LfScrollControll component
# Expected: Consistent usage of @bottom event and proper attribute passing

# Search for component usage
echo "Checking component usage patterns..."
rg -A 3 "LfScrollControll" frontend/src/modules/

# Check for potential scroll handling in other components that might need migration
echo "Checking for other scroll handlers that might need migration..."
ast-grep --pattern 'onScroll($$$) { $$$ }' frontend/src/modules/

#!/bin/bash
# Check the actual implementation and usage in the identified files
echo "Checking data-quality-member-merge-suggestions.vue..."
rg -A 10 "<LfScrollControll" frontend/src/modules/data-quality/components/member/data-quality-member-merge-suggestions.vue

echo -e "\nChecking data-quality-organization-merge-suggestions.vue..."
rg -A 10 "<LfScrollControll" frontend/src/modules/data-quality/components/organization/data-quality-organization-merge-suggestions.vue

echo -e "\nChecking data-quality-member-issues.vue..."
rg -A 10 "<LfScrollControll" frontend/src/modules/data-quality/components/member/data-quality-member-issues.vue

#!/bin/bash
# Search for component usage with different possible template syntaxes
echo "Checking component usage with various syntaxes..."
rg -i -A 10 "<(lf-scroll-controll|lfscrollcontroll)" frontend/src/modules/data-quality/components/

# Also check for kebab-case usage in template
echo -e "\nChecking for kebab-case event handling..."
rg -i "@bottom" frontend/src/modules/data-quality/components/

# Check template section specifically
echo -e "\nChecking template sections..."
rg -p "<template>[\s\S]*?</template>" frontend/src/modules/data-quality/components/member/data-quality-member-merge-suggestions.vue
rg -p "<template>[\s\S]*?</template>" frontend/src/modules/data-quality/components/organization/data-quality-organization-merge-suggestions.vue
rg -p "<template>[\s\S]*?</template>" frontend/src/modules/data-quality/components/member/data-quality-member-issues.vue

#!/bin/bash
# Search for similar padding modifications in other components
rg -g '*.vue' '!pb-0' 

#!/bin/bash
# Check for scroll-related code in these components and their parent directories
rg -g '*.vue' -B 2 -A 2 'scroll' frontend/src/modules/automation frontend/src/modules/data-quality

# Look for LfScrollControl usage as mentioned in PR context
rg -g '*.vue' 'LfScrollControl' frontend/src/modules/automation frontend/src/modules/data-quality

#!/bin/bash
# Search for usage of loadMore in parent components
rg -l "loadMore.*contributor-details-activities" frontend/src/modules/contributor/

#!/bin/bash
# Let's try a broader search for the component name and potential parent components
rg -l "contributor-details-activities" frontend/src/modules/contributor/

# Also search for loadMore usage in potential parent components
rg "loadMore" frontend/src/modules/contributor/ -A 3 -B 3

#!/bin/bash
# Search for other instances of negative margins in similar components
rg -l "class=\".*-mb-4.*\"" "frontend/src/modules/**/*.vue"

#!/bin/bash
# Let's try searching without the glob pattern which might not be supported
# Search for negative margins in the frontend directory
rg -l "class=\".*-mb-4.*\"" frontend/

#!/bin/bash
# Let's examine the context of -mb-4 usage in these files to understand the pattern
rg "class=\".*-mb-4.*\"" frontend/src/modules/data-quality/components/ -C 2

#!/bin/bash
# Check ScrollControll component implementation
echo "Checking ScrollControll component implementation..."
cat frontend/src/ui-kit/scrollcontroll/ScrollControll.vue || echo "ScrollControll component not found at expected location"

# Check for consistent usage across the application
echo -e "\nChecking usage patterns..."
rg -l "LfScrollControll" frontend/src/

#!/bin/bash
# Search for LfScrollControll implementation to understand how it handles these edge cases
ast-grep --pattern 'export default {
  $$$
  methods: {
    $$$
    onScroll($_) {
      $$$
    }
    $$$
  }
  $$$
}'

#!/bin/bash
# Let's try to find the LfScrollControll component implementation
fd -e vue -e js "scroll-controll" -X cat

# Also search for any file containing scroll-related logic
rg -i "onscroll|scrollcontroll" --type vue --type js -C 3

#!/bin/bash
# Let's try different variations of the component name and fix the file type for rg
fd "scroll|Scroll" -e vue -e js -X cat

# Search with correct file extension
rg -i "onscroll|scrollcontrol" -t js -t vue -C 3

#!/bin/bash
# Check loadMore implementation in related components
echo "Checking loadMore implementation in activities component..."
ast-grep --pattern 'loadMore() {
  $$$
}'

echo "\nChecking for similar pagination implementations..."
rg -A 10 'loadMore\(\)' --type vue

#!/bin/bash
# Let's try a different approach to find loadMore implementations
echo "Searching for loadMore method implementations..."
rg -A 10 'loadMore\(\)'

echo "\nSearching for files containing 'loadMore'..."
rg -l 'loadMore'

echo "\nChecking for pagination-related patterns..."
rg -A 5 'pagination|pageSize|currentPage'

#!/bin/bash
# Check if there are any performance-related comments or issues
rg -i "performance|slow|pagination" .github/

#!/bin/bash
# Check activity timeline component for pagination and loading logic
rg -A 5 -B 5 "loadMore|pagination|scroll" frontend/src/modules/activity/components/activity-timeline.vue

# Check for any existing activity list size or performance related tests
rg -i "activity.*items.*length|activity.*limit" frontend/src/modules/activity/

#!/bin/bash
# Search for the loadActivities method implementation
ast-grep --pattern 'async loadActivities() {
  $$$
}'

# Look for infinite scroll or load more implementation
ast-grep --pattern 'onScroll($$$) {
  $$$
}'

# Check for any API endpoints or services related to activities
rg -l "activities.*limit|per_page" frontend/src/

#!/bin/bash
# Check the content of activity-list.vue for pagination implementation
cat frontend/src/modules/activity/components/activity-list.vue

# Check the content of github config for any pagination defaults
cat frontend/src/integrations/github/config.js

# Look for any scroll or intersection observer implementation in the timeline
rg -A 5 "IntersectionObserver|scroll" frontend/src/modules/activity/components/activity-timeline.vue