ZELLYY/zellyy-finance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix TS2322 error in Settings.tsx

Browse Source 
The Settings.tsx file was throwing a TS2322 error because the Header component was receiving a `title` prop, but it was not defined in the component's interface. This commit fixes the error by defining the `title` prop in the Header component's interface.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-15 06:34:15 +00:00
parent 38e2ebcd50
commit df24e545e2
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Header.tsx
View File

@@ -2,12 +2,16 @@
import React from 'react'; import React from 'react';
import { Bell } from 'lucide-react'; import { Bell } from 'lucide-react';
const Header: React.FC = () => { interface HeaderProps {
title?: string;
}
const Header: React.FC<HeaderProps> = ({ title }) => {
return ( return (
<header className="py-8"> <header className="py-8">
<div className="flex justify-between items-center"> <div className="flex justify-between items-center">
<div> <div>
<h1 className="text-2xl font-bold neuro-text">반갑습니다</h1> <h1 className="text-2xl font-bold neuro-text">{title || '반갑습니다'}</h1>
<p className="text-gray-500">젤리의 적자탈출</p> <p className="text-gray-500">젤리의 적자탈출</p>
</div> </div>
<button className="neuro-flat p-2.5 rounded-full"> <button className="neuro-flat p-2.5 rounded-full">