Skip to content

Commit

Permalink
feat: Add component displaying when search results are empty
Browse files Browse the repository at this point in the history
  • Loading branch information
Leejha committed Jul 28, 2024
1 parent 28919dc commit 883741a
Showing 1 changed file with 25 additions and 0 deletions.
25 changes: 25 additions & 0 deletions apps/jurumarble/src/app/search/components/NoSearchResult.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
import Image from 'next/image';
import { noSearchResult } from 'public/images';
import styled from 'styled-components';

function NoSearchResult() {
return (
<Container>
<Image
alt="검색 결과가 없습니다."
src={noSearchResult}
width={140}
height={140}
/>
<Text>검색 결과가 없어요. 다른 검색어를 입력해보세요.</Text>
</Container>
);
}

const Container = styled.div`
display: flex;
`;

const Text = styled.p``;

export default NoSearchResult;

0 comments on commit 883741a

Please sign in to comment.