# All files / src/components/error LoadingAnalysis.tsx

0% Statements 0/29
0% Branches 0/1
0% Functions 0/1
0% Lines 0/29

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30

     import { motion } from 'framer-motion'
    import { Sparkle } from '@phosphor-icons/react'

    export function LoadingAnalysis() {
      return (
        <div className="space-y-3">
          <div className="flex items-center gap-2 text-muted-foreground">
            <motion.div
              animate={{ rotate: 360 }}
              transition={{ duration: 1, repeat: Infinity, ease: 'linear' }}
            >
              <Sparkle className="h-4 w-4" weight="fill" />
            </motion.div>
            <span className="text-sm">Analyzing error...</span>
          </div>
          <div className="space-y-2">
            {[1, 2, 3].map((i) => (
              <motion.div
                key={i}
                initial={{ opacity: 0.3 }}
                animate={{ opacity: [0.3, 0.6, 0.3] }}
                transition={{ duration: 1.5, repeat: Infinity, delay: i * 0.2 }}
                className="h-4 bg-muted rounded"
              />
            ))}
          </div>
        </div>
      )
    }