All files / src/components UserMenuSkeleton.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 
 
 
 
 
 
1x
5x
 
 
 
 
 
 
 
// src/components/UserMenuSkeleton.tsx
import React from 'react';
 
/**
 * A simple skeleton loader to be displayed in the header while
 * the user's authentication status is being determined.
 */
export const UserMenuSkeleton: React.FC = () => {
  return (
    <div className="flex items-center space-x-2 animate-pulse">
      <div className="h-8 w-24 bg-gray-200 dark:bg-gray-700 rounded-md"></div>
      <div className="h-10 w-10 bg-gray-200 dark:bg-gray-700 rounded-full"></div>
    </div>
  );
};