Skip to content

Commit

Permalink
check-box added to the navbar
Browse files Browse the repository at this point in the history
  • Loading branch information
Ramin Farhadi authored and Ramin Farhadi committed Jun 18, 2024
1 parent 54e5339 commit 5641991
Show file tree
Hide file tree
Showing 4 changed files with 34 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.
51 changes: 34 additions & 17 deletions src/components/MapMenu.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,8 @@ export default function MapMenu(props: MapMenuProps) {
'buildings': !props.visibility.locations.buildings
}})
}>
Buildings
{props.visibility.locations.buildings?<img width={15} src='./img/square-check-solid.png'/>: <img width={15} src='./img/square-thin.png'/>}
&nbsp; Buildings
</a>
</li>
<li>
Expand All @@ -41,7 +42,8 @@ export default function MapMenu(props: MapMenuProps) {
...props.visibility.locations,
'housing': !props.visibility.locations.housing
}})
}>
}>{props.visibility.locations.housing?<img width={15} src='./img/square-check-solid.png'/>: <img width={15} src='./img/square-thin.png'/>}
&nbsp;
Housing
</a>
</li>
Expand All @@ -55,7 +57,8 @@ export default function MapMenu(props: MapMenuProps) {
...props.visibility.locations,
'dining': !props.visibility.locations.dining
}})
}>
}>{props.visibility.locations.dining ?<img width={15} src='./img/square-check-solid.png'/>: <img width={15} src='./img/square-thin.png'/>}
&nbsp;
Dining
</a>
</li>
Expand All @@ -69,7 +72,8 @@ export default function MapMenu(props: MapMenuProps) {
...props.visibility.locations,
'retail': !props.visibility.locations.retail
}})
}>
}>{props.visibility.locations.retail?<img width={15} src='./img/square-check-solid.png'/>: <img width={15} src='./img/square-thin.png'/>}
&nbsp;
Retail
</a>
</li>
Expand All @@ -83,7 +87,8 @@ export default function MapMenu(props: MapMenuProps) {
...props.visibility.locations,
'labs': !props.visibility.locations.labs
}})
}>
}>{props.visibility.locations.labs ?<img width={15} src='./img/square-check-solid.png'/>: <img width={15} src='./img/square-thin.png'/>}
&nbsp;
Labs
</a>
</li>
Expand All @@ -109,7 +114,8 @@ export default function MapMenu(props: MapMenuProps) {
...props.visibility.outdoors,
'greenspaces': !props.visibility.outdoors.greenspaces
}})
}>
}>{props.visibility.outdoors.greenspaces ?<img width={15} src='./img/square-check-solid.png'/>: <img width={15} src='./img/square-thin.png'/>}
&nbsp;
Green Spaces
</a>
</li>
Expand All @@ -123,7 +129,8 @@ export default function MapMenu(props: MapMenuProps) {
...props.visibility.outdoors,
'recreation': !props.visibility.outdoors.recreation
}})
}>
}>{props.visibility.outdoors.recreation ?<img width={15} src='./img/square-check-solid.png'/>: <img width={15} src='./img/square-thin.png'/>}
&nbsp;
Recreation
</a>
</li>
Expand All @@ -137,7 +144,8 @@ export default function MapMenu(props: MapMenuProps) {
...props.visibility.outdoors,
'wellBeing': !props.visibility.outdoors.wellBeing
}})
}>
}>{props.visibility.outdoors.wellBeing ?<img width={15} src='./img/square-check-solid.png'/>: <img width={15} src='./img/square-thin.png'/>}
&nbsp;
Well-Being
</a>
</li>
Expand All @@ -152,7 +160,8 @@ export default function MapMenu(props: MapMenuProps) {
href='#bikeRack'
id="bikeRacks"
onClick={() => props.setVisibility({ ...props.visibility, 'bikeRacks': !props.visibility['bikeRacks'] })}
>
> {props.visibility.bikeRacks?<img width={15} src='./img/square-check-solid.png'/>: <img width={15} src='./img/square-thin.png'/>}
&nbsp;
Bike Racks
</a>
</li>
Expand All @@ -162,7 +171,8 @@ export default function MapMenu(props: MapMenuProps) {
id="family"
href='#family'
onClick={() => props.setVisibility({ ...props.visibility, 'family': !props.visibility['family'] })}
>
>{props.visibility.family ?<img width={15} src='./img/square-check-solid.png'/>: <img width={15} src='./img/square-thin.png'/>}
&nbsp;
Family Resources
</a>
</li>
Expand All @@ -172,7 +182,8 @@ export default function MapMenu(props: MapMenuProps) {
id="pantry"
href='#pantry'
onClick={() => props.setVisibility({ ...props.visibility, 'knightsPantry': !props.visibility['knightsPantry'] })}
>
> {props.visibility.knightsPantry ?<img width={15} src='./img/square-check-solid.png'/>: <img width={15} src='./img/square-thin.png'/>}
&nbsp;
Knight's Pantry
</a>
</li>
Expand All @@ -182,7 +193,8 @@ export default function MapMenu(props: MapMenuProps) {
id="art"
href='#art'
onClick={() => props.setVisibility({ ...props.visibility, 'art': !props.visibility['art'] })}
>Art
>{props.visibility.art?<img width={15} src='./img/square-check-solid.png'/>: <img width={15} src='./img/square-thin.png'/>}
&nbsp; Art
</a>
</li>
<li>
Expand All @@ -191,7 +203,8 @@ export default function MapMenu(props: MapMenuProps) {
id="services"
href='#services'
onClick={() => props.setVisibility({ ...props.visibility, 'studentServices': !props.visibility['studentServices'] })}
>
> {props.visibility.studentServices ?<img width={15} src='./img/square-check-solid.png'/>: <img width={15} src='./img/square-thin.png'/>}
&nbsp;
Student Services
</a>
</li>
Expand Down Expand Up @@ -219,7 +232,8 @@ export default function MapMenu(props: MapMenuProps) {
'parking': !props.visibility.accessibility.parking
}})
}
>
> {props.visibility.accessibility.parking ?<img width={15} src='./img/square-check-solid.png'/>: <img width={15} src='./img/square-thin.png'/>}
&nbsp;
Parking
</a>
</li>
Expand All @@ -234,7 +248,8 @@ export default function MapMenu(props: MapMenuProps) {
'buildingRamps': !props.visibility.accessibility.buildingRamps
}})
}
>
>{props.visibility.accessibility.buildingRamps ?<img width={15} src='./img/square-check-solid.png'/>: <img width={15} src='./img/square-thin.png'/>}
&nbsp;
Building Ramps
</a>
</li>
Expand All @@ -249,7 +264,8 @@ export default function MapMenu(props: MapMenuProps) {
'curbRamps': !props.visibility.accessibility.curbRamps
}})
}
>
> {props.visibility.accessibility.curbRamps?<img width={15} src='./img/square-check-solid.png'/>: <img width={15} src='./img/square-thin.png'/>}
&nbsp;
Parking Ramps
</a>
</li>
Expand All @@ -264,7 +280,8 @@ export default function MapMenu(props: MapMenuProps) {
'autoDoors': !props.visibility.accessibility.autoDoors
}})
}
>
>{props.visibility.accessibility.autoDoors?<img width={15} src='./img/square-check-solid.png'/>: <img width={15} src='./img/square-thin.png'/>}
&nbsp;
Automatic Doors
</a>
</li>
Expand Down

0 comments on commit 5641991

Please sign in to comment.