Skip to content

Commit

Permalink
finished navigation + search screen
Browse files Browse the repository at this point in the history
  • Loading branch information
Dao-Ho committed Dec 4, 2024
1 parent de3368d commit ab19a4b
Show file tree
Hide file tree
Showing 2 changed files with 28 additions and 27 deletions.
54 changes: 28 additions & 26 deletions frontend/src/screens/explore/components/Search.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -19,36 +19,38 @@ const StyledImage = styled(Image);
export default function SearchScreen({ navigation }: ExploreScreenProps) {
return (
<StyledView className='flex-1 bg-surfaceBG'>
{/* Explore Header */}
<StyledView className='pt-[10vh] pl-[2vh]'>
<StyledText className='text-[8vw] font-heading'>Explore</StyledText>
</StyledView>

{/* Search Bar */}
<StyledView className='w-[100vw] flex items-center mt-[3vh]'>
<SearchBar
intent='unselected'
icon='search-default'
value='Explore investments'
width={90}
height={6}
onValueChange={() => {}}
onPressed={(evt) => {}}
textColor=''
/>


{/* Explore Header */}
<StyledView className="pt-[10vh] pl-[2vh]">
<StyledText className="text-[8vw] font-heading">Explore</StyledText>
{/* Logo + No recent searches */}
<StyledView className='w-[80vw] h-[30vh] mt-[6vh] flex items-center justify-center'>
<StyledImage source={logo} className='w-[26vw] h-[30vw]' />
<StyledText className='mt-[2vh] font-sourceSans3Bold text-[4vw]'>
No recent searches yet.
</StyledText>
<StyledText className='mt-[1vh] font-body text-[3w]'>
Try searching for something or explore the categories to find what you are looking for.
</StyledText>
</StyledView>

{/* Search Bar */}
<StyledView className='w-[100vw] flex items-center mt-[3vh]'>
<SearchBar
intent='unselected'
icon='search-default'
value='Explore investments'
width={90}
height={6}
onValueChange={() => {}}
onPressed={(evt) => {
navigation.navigate('search');
}}
textColor=''
/>

{/* Logo + No recent searches */}
<StyledView className='w-[80vw] h-[30vh] mt-[6vh] flex items-center justify-center'>
<StyledImage source={logo} className='w-[26vw] h-[30vw]' />
<StyledText className='mt-[2vh] font-sourceSans3Bold text-[4vw]'>No recent searches yet.</StyledText>
<StyledText className='mt-[1vh] font-body text-[3w]'>Try searching for something or explore the categories to find what you are looking for.</StyledText>

</StyledView>

</StyledView>

</StyledView>
);
}
1 change: 0 additions & 1 deletion frontend/src/screens/explore/explore.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,6 @@ import residential from './components/residential.png';
import newlyAdded from './components/newlyadded.png';
import commercial1 from './components/commercial.png';
import commercial2 from './components/commercial2.png';
import { useAuth } from '../../context/AuthContext';

interface ExploreScreenProps {
// This actually should be `any`, so disabling the linter rule
Expand Down

0 comments on commit ab19a4b

Please sign in to comment.