Refactor Index page component
The Index page component was refactored into smaller, more manageable components to improve code readability and maintainability.
This commit is contained in:
21
src/components/home/EmptyState.tsx
Normal file
21
src/components/home/EmptyState.tsx
Normal file
@@ -0,0 +1,21 @@
|
||||
|
||||
import React from 'react';
|
||||
|
||||
interface EmptyStateProps {
|
||||
message?: string;
|
||||
subMessage?: string;
|
||||
}
|
||||
|
||||
const EmptyState: React.FC<EmptyStateProps> = ({
|
||||
message = "아직 데이터가 없습니다",
|
||||
subMessage = "예산을 설정하고 지출을 추가해 보세요"
|
||||
}) => {
|
||||
return (
|
||||
<div className="neuro-card py-8 text-center text-gray-400 mb-4">
|
||||
<p>{message}</p>
|
||||
<p className="text-sm mt-2">{subMessage}</p>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default EmptyState;
|
||||
Reference in New Issue
Block a user