<commit_before>import React from 'react'
import { Box, Flex } from 'blockstack-ui'
import { Section } from '@components/v2/section'
import { Dots } from '@components/v2/vectors/dots'
import { Image } from '@components/v2/image'
import { useHover } from 'use-events'
import { transition, doubleShadow } from '@common/theme'

const CardHeader = ({ month, ...rest }) => {
  return (
    <Box px={5} py={4} borderBottom="1px solid" borderColor="sky.25" {...rest}>
      <Section.Title fontSize={2} is="h4" fontWeight={500}>
        {month} rankings
      </Section.Title>
    </Box>
  )
}

const apps = [
  {
    name: 'BitPatron',
    icon: 'https://appco.imgix.net/apps/97e47302-26d9-4483-b015-aa47ebc6c6a4',
    amount: '20,000',
    href: 'https://bitpatron.co'
  },
  {
    name: 'Graphite',
    icon: 'https://appco.imgix.net/apps/0ede3b38-c747-4613-bc8e-7c3a12689ba3',
    amount: '16,000',
    href: 'https://www.graphitedocs.com/'
  },
  {
    name: 'Recall',
    icon: 'https://appco.imgix.net/apps/ae938da5-bb0c-4496-8720-2493f7b2e9a0',
    amount: '12,800',
    href: 'https://app.recall.photos/'
  }
]

const Rank = ({ index }) => (
  <Box color="ink.25" pr={4} fontSize={1}>
    {index + 1}
  </Box>
)

const AppIcon = ({ src }) => (
  <Box
    borderRadius="12px"
    boxShadow={doubleShadow}
    flexShrink={0}
    size={[56, 48, 48, 56]}
  >
    <Image
      src={src}
      borderRadius="12px"
      imgix={{
        w: 56,
        h: 56,
        fit: 'clip',
        q: 100
      }}
    />
  </Box>
)

const Details = ({ name, amount }) => (
  <Box pl={4}>
    <Section.Text fontSize={2} fontWeight={500}>
      {name} earned ${amount}
    </Section.Text>
  </Box>
)
<commit_msg>blurry icon fixes<commit_after>import React from 'react'
import { Box, Flex } from 'blockstack-ui'
import { Section } from '@components/v2/section'
import { Dots } from '@components/v2/vectors/dots'
import { Image } from '@components/v2/image'
import { useHover } from 'use-events'
import { transition, doubleShadow } from '@common/theme'

const CardHeader = ({ month, ...rest }) => {
  return (
    <Box px={5} py={4} borderBottom="1px solid" borderColor="sky.25" {...rest}>
      <Section.Title fontSize={2} is="h4" fontWeight={500}>
        {month} rankings
      </Section.Title>
    </Box>
  )
}

const apps = [
  {
    name: 'BitPatron',
    icon: 'https://appco.imgix.net/apps/97e47302-26d9-4483-b015-aa47ebc6c6a4',
    amount: '20,000',
    href: 'https://bitpatron.co'
  },
  {
    name: 'Graphite',
    icon: 'https://appco.imgix.net/apps/0ede3b38-c747-4613-bc8e-7c3a12689ba3',
    amount: '16,000',
    href: 'https://www.graphitedocs.com/'
  },
  {
    name: 'Recall',
    icon: 'https://appco.imgix.net/apps/ae938da5-bb0c-4496-8720-2493f7b2e9a0',
    amount: '12,800',
    href: 'https://app.recall.photos/'
  }
]

const Rank = ({ index }) => (
  <Box color="ink.25" pr={4} fontSize={1}>
    {index + 1}
  </Box>
)

const AppIcon = ({ src }) => (
  <Box
    borderRadius="12px"
    boxShadow={doubleShadow}
    flexShrink={0}
    size={[56, 48, 48, 56]}
    transform="translate3d(0,0,0)"
  >
    <Image
      src={src}
      borderRadius="12px"
      imgix={{
        w: 256,
        h: 256,
        fit: 'clip',
        q: 100
      }}
    />
  </Box>
)

const Details = ({ name, amount }) => (
  <Box pl={4}>
    <Section.Text fontSize={2} fontWeight={500}>
      {name} earned ${amount}
    </Section.Text>
  </Box>
)

{'fraction_non_alphanumeric': 0.19218431029454652, 'fraction_numerical': 0.07232429279673375, 'mean_word_length': 2.7282608695652173, 'pattern_counts': {'":': 0, '<': 29, '<?xml version=': 0, '>': 37, 'https://': 12, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3087492', 'n_tokens_mistral': 1464, 'n_tokens_neox': 1339, 'n_words': 251}