Skip to content

Commit

Permalink
Merge pull request #26 from UCF/checkbox-design
Browse files Browse the repository at this point in the history 
check-box added to the navbar
  • Loading branch information
@Ramin-Farhadi
Ramin-Farhadi authored Jun 18, 2024
2 parents 8baef93 + 53ab503 commit a95f07f
Show file tree
Hide file tree
Showing 4 changed files with 32 additions and 17 deletions.
Binary file added public/img/square-check-solid.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/img/square-check-thin.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/img/square-thin.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
49 changes: 32 additions & 17 deletions src/components/MapMenu.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ export default function MapMenu(props: MapMenuProps) {
'buildings': !props.visibility.locations.buildings
}})
}>
Buildings
<img width={15} src={ props.visibility.locations.buildings ? './img/square-check-solid.png' : './img/square-thin.png' } /> &nbsp; Buildings
</a>
</li>
<li>
Expand All @@ -41,7 +41,8 @@ export default function MapMenu(props: MapMenuProps) {
...props.visibility.locations,
'housing': !props.visibility.locations.housing
}})
}>
}><img width={15} src={ props.visibility.locations.housing ? './img/square-check-solid.png' : './img/square-thin.png' } />
&nbsp;
Housing
</a>
</li>
Expand All @@ -55,7 +56,8 @@ export default function MapMenu(props: MapMenuProps) {
...props.visibility.locations,
'dining': !props.visibility.locations.dining
}})
}>
}><img width={15} src={ props.visibility.locations.dining ? './img/square-check-solid.png' : './img/square-thin.png' } />
&nbsp;
Dining
</a>
</li>
Expand All @@ -69,7 +71,8 @@ export default function MapMenu(props: MapMenuProps) {
...props.visibility.locations,
'retail': !props.visibility.locations.retail
}})
}>
}><img width={15} src={ props.visibility.locations.retail ? './img/square-check-solid.png' : './img/square-thin.png' } />
&nbsp;
Retail
</a>
</li>
Expand All @@ -83,7 +86,7 @@ export default function MapMenu(props: MapMenuProps) {
...props.visibility.locations,
'labs': !props.visibility.locations.labs
}})
}>
}><img width={15} src={ props.visibility.locations.labs ? './img/square-check-solid.png' : './img/square-thin.png' } />&nbsp;
Labs
</a>
</li>
Expand All @@ -109,7 +112,8 @@ export default function MapMenu(props: MapMenuProps) {
...props.visibility.outdoors,
'greenspaces': !props.visibility.outdoors.greenspaces
}})
}>
}><img width={15} src={ props.visibility.outdoors.greenspaces ? './img/square-check-solid.png' : './img/square-thin.png' } />
&nbsp;
Green Spaces
</a>
</li>
Expand All @@ -123,7 +127,8 @@ export default function MapMenu(props: MapMenuProps) {
...props.visibility.outdoors,
'recreation': !props.visibility.outdoors.recreation
}})
}>
}><img width={15} src={ props.visibility.outdoors.recreation ? './img/square-check-solid.png' : './img/square-thin.png' } />
&nbsp;
Recreation
</a>
</li>
Expand All @@ -137,7 +142,8 @@ export default function MapMenu(props: MapMenuProps) {
...props.visibility.outdoors,
'wellBeing': !props.visibility.outdoors.wellBeing
}})
}>
}><img width={15} src={ props.visibility.outdoors.wellBeing ? './img/square-check-solid.png' : './img/square-thin.png' } />
&nbsp;
Well-Being
</a>
</li>
Expand All @@ -152,7 +158,8 @@ export default function MapMenu(props: MapMenuProps) {
href='#bikeRack'
id="bikeRacks"
onClick={() => props.setVisibility({ ...props.visibility, 'bikeRacks': !props.visibility['bikeRacks'] })}
>
> <img width={15} src={ props.visibility.bikeRacks ? './img/square-check-solid.png' : './img/square-thin.png' } />
&nbsp;
Bike Racks
</a>
</li>
Expand All @@ -162,7 +169,8 @@ export default function MapMenu(props: MapMenuProps) {
id="family"
href='#family'
onClick={() => props.setVisibility({ ...props.visibility, 'family': !props.visibility['family'] })}
>
><img width={15} src={ props.visibility.family ? './img/square-check-solid.png' : './img/square-thin.png' } />
&nbsp;
Family Resources
</a>
</li>
Expand All @@ -172,7 +180,8 @@ export default function MapMenu(props: MapMenuProps) {
id="pantry"
href='#pantry'
onClick={() => props.setVisibility({ ...props.visibility, 'knightsPantry': !props.visibility['knightsPantry'] })}
>
> <img width={15} src={ props.visibility.knightsPantry ? './img/square-check-solid.png' : './img/square-thin.png' } />
&nbsp;
Knight's Pantry
</a>
</li>
Expand All @@ -182,7 +191,8 @@ export default function MapMenu(props: MapMenuProps) {
id="art"
href='#art'
onClick={() => props.setVisibility({ ...props.visibility, 'art': !props.visibility['art'] })}
>Art
><img width={15} src={ props.visibility.art ? './img/square-check-solid.png' : './img/square-thin.png' } />
&nbsp; Art
</a>
</li>
<li>
Expand All @@ -191,7 +201,8 @@ export default function MapMenu(props: MapMenuProps) {
id="services"
href='#services'
onClick={() => props.setVisibility({ ...props.visibility, 'studentServices': !props.visibility['studentServices'] })}
>
> <img width={15} src={ props.visibility.studentServices ? './img/square-check-solid.png' : './img/square-thin.png' } />
&nbsp;
Student Services
</a>
</li>
Expand Down Expand Up @@ -219,7 +230,8 @@ export default function MapMenu(props: MapMenuProps) {
'parking': !props.visibility.accessibility.parking
}})
}
>
> <img width={15} src={ props.visibility.accessibility.parking ? './img/square-check-solid.png' : './img/square-thin.png' } />
&nbsp;
Parking
</a>
</li>
Expand All @@ -234,7 +246,8 @@ export default function MapMenu(props: MapMenuProps) {
'buildingRamps': !props.visibility.accessibility.buildingRamps
}})
}
>
><img width={15} src={ props.visibility.accessibility.buildingRamps ? './img/square-check-solid.png' : './img/square-thin.png' } />
&nbsp;
Building Ramps
</a>
</li>
Expand All @@ -249,7 +262,8 @@ export default function MapMenu(props: MapMenuProps) {
'curbRamps': !props.visibility.accessibility.curbRamps
}})
}
>
> <img width={15} src={ props.visibility.accessibility.curbRamps ? './img/square-check-solid.png' : './img/square-thin.png' } />
&nbsp;
Parking Ramps
</a>
</li>
Expand All @@ -264,7 +278,8 @@ export default function MapMenu(props: MapMenuProps) {
'autoDoors': !props.visibility.accessibility.autoDoors
}})
}
>
><img width={15} src={ props.visibility.accessibility.autoDoors ? './img/square-check-solid.png' : './img/square-thin.png' } />
&nbsp;
Automatic Doors
</a>
</li>
Expand Down

0 comments on commit a95f07f

Please sign in to comment.