Skip to content

Commit

Permalink
fix action
Browse files Browse the repository at this point in the history
  • Loading branch information
@donywang922
donywang922 committed Nov 17, 2023
1 parent 99bb0f7 commit fe2f56b
Show file tree
Hide file tree
Showing 2 changed files with 33 additions and 30 deletions.
12 changes: 6 additions & 6 deletions app/filtering/filter.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -163,7 +163,7 @@ export default function Filter(props) {
<label for ="Names">Names</label>

<ul>{/*here is where I would add the sub options such as option1, option2,etc */}
<li><a href = "#"> onOptionChange={handleOptionChange} id="option1"</a></li>
<li><a href = "#"> onOptionChange={handleOptionChange} id=&quot;option1&quot;</a></li>
</ul>
</div>

Expand All @@ -172,7 +172,7 @@ export default function Filter(props) {
<label for ="Sizes">Sizes</label>

<ul>{/*here is where I would add the sub options such as option1, option2,etc */}
<li><a href = "#"> onOptionChange={handleOptionChange} id="option2"</a></li>
<li><a href = "#"> onOptionChange={handleOptionChange} id=&quot;option2&quot;</a></li>
</ul>
</div>

Expand All @@ -181,7 +181,7 @@ export default function Filter(props) {
<label for ="Edible">Edibles</label>

<ul>{/*here is where I would add the sub options such as option1, option2,etc */}
<li><a href = "#"> onOptionChange={handleOptionChange} id="option3"</a></li>
<li><a href = "#"> onOptionChange={handleOptionChange} id=&quot;option3&quot;</a></li>
</ul>
</div>

Expand All @@ -190,7 +190,7 @@ export default function Filter(props) {
<label for ="Maintenance">Maintenance</label>

<ul>{/*here is where I would add the sub options such as option1, option2,etc */}
<li><a href = "#"> onOptionChange={handleOptionChange} id="option4"</a></li>
<li><a href = "#"> onOptionChange={handleOptionChange} id=&quot;option4&quot;</a></li>
</ul>
</div>

Expand All @@ -199,7 +199,7 @@ export default function Filter(props) {
<label for ="Care Reqs">Care Reqs</label>

<ul>{/*here is where I would add the sub options such as option1, option2,etc */}
<li><a href = "#"> onOptionChange={handleOptionChange} id="option5"</a></li>
<li><a href = "#"> onOptionChange={handleOptionChange} id=&quot;option5&quot;</a></li>
</ul>
</div>

Expand All @@ -208,7 +208,7 @@ export default function Filter(props) {
<label for ="Poisonous">Poisonous</label>

<ul>{/*here is where I would add the sub options such as option1, option2,etc */}
<li><a href = "#"> onOptionChange={handleOptionChange} id="option6"</a></li>
<li><a href = "#"> onOptionChange={handleOptionChange} id=&quot;option6&quot;</a></li>
</ul>
</div>

Expand Down
51 changes: 27 additions & 24 deletions app/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,63 +51,66 @@ export default function Home() {
</div>
</div>
<div className="container w-75 py-5">
<h1 style={{textAlign:'center'}}>Tips</h1>
<div style={{marginTop: '30px'}}className="card">
<h1 style={{textAlign: 'center'}}>Tips</h1>

<div style={{marginTop: '30px'}} className="card">
<div className="card-header">
Recognition
</div>
<div className="card-body">
<blockquote className="blockquote mb-0">
<p>Upload images of flowers, trees, grasses, ferns, vines, wild salads, cacti, and many more and get <strong>FAST</strong> results</p>
<p>Upload images of flowers, trees, grasses, ferns, vines, wild salads, cacti, and many more
and get <strong>FAST</strong> results</p>
</blockquote>
</div>
</div>
<div style={{marginTop: '50px'}}className="card">
<div style={{marginTop: '50px'}} className="card">
<div className="card-header">
Search
</div>
<div className="card-body">
<blockquote className="blockquote mb-0">
<p>Search using scientific or common name.</p>
<p>Search using scientific or common name.</p>
</blockquote>
</div>
</div>
<div style={{marginTop: '50px'}}className="card">
<div style={{marginTop: '50px'}} className="card">
<div className="card-header">
Icons
</div>
<div id="icons" className="card-body">
<blockquote className="blockquote mb-0">
<div style={{display: 'flex', justifyContent: 'space-between', marginRight: '20px'}}>
<p>Rare</p>
<img src="/images/leaf.svg"width='50xp'height='50px' alt="flower"></img>
</div>
<div style={{display: 'flex', justifyContent: 'space-between', marginRight: '20px'}}>
<p>Medicinal</p>
<img src="/images/leaf.svg"width='50xp'height='50px' alt="flower"></img>
</div>
<div style={{display: 'flex', justifyContent: 'space-between', marginRight: '20px'}}>
<p>Indoor</p>
<img src="/images/indoor.svg"width='50xp'height='50px' alt="flower"></img>
</div>
<div style={{display: 'flex', justifyContent: 'space-between', marginRight: '20px'}}>
<p>Rare</p>
<Image src="/images/leaf.svg" width='50' height='50' alt="flower"></Image>
</div>
<div style={{display: 'flex', justifyContent: 'space-between', marginRight: '20px'}}>
<p>Medicinal</p>
<Image src="/images/leaf.svg" width='50' height='50' alt="flower"></Image>
</div>
<div style={{display: 'flex', justifyContent: 'space-between', marginRight: '20px'}}>
<p>Indoor</p>
<Image src="/images/indoor.svg" width='50' height='50' alt="flower"></Image>
</div>
</blockquote>
</div>
</div>
<div style={{marginTop: '50px'}}className="card">
<div style={{marginTop: '50px'}} className="card">
<div className="card-header">
Care Guides
</div>
<div className="card-body">
<blockquote className="blockquote mb-0">
<p>Use the filters to find specifc care requirements, including, sunlight, watering, maintenance.</p>
<p>Use the filters to find specifc care requirements, including, sunlight, watering,
maintenance.</p>
</blockquote>
</div>
</div>

<div>
<h1 style={{marginTop: '30px', marginBottom: '30px', textAlign:'center'}}>Developers</h1>
<div style={{textAlign:'center', marginBottom: '20px'}}> This project was planned, designed, and implemented by:
<h1 style={{marginTop: '30px', marginBottom: '30px', textAlign: 'center'}}>Developers</h1>
<div style={{textAlign: 'center', marginBottom: '20px'}}> This project was planned, designed, and
implemented by:
<p>
- Layan Barrieshee<br/>
- Dony Wang<br/>
Expand Down

0 comments on commit fe2f56b

Please sign in to comment.