16 lines
501 B
TypeScript
16 lines
501 B
TypeScript
// 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>
|
|
);
|
|
};
|