-
Notifications
You must be signed in to change notification settings - Fork 116
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
upgrading the searchbar to select country through a world-map #760
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please address the following changes and ensure adherence to the project's code style guidelines.
src/components/search/SearchBar.vue
Outdated
@@ -368,11 +379,19 @@ const placeholder = computed(() => { | |||
hide-selected | |||
> | |||
<template v-slot:append> | |||
<div v-if="!loading"> | |||
<QIcon :color="label" name="fas fa-search q-mb-xs" width="0.82em" /> | |||
<div v-if="props.noAS" @click="showMap"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Change props.noAS
to !props.noCountry
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Added :noCountry="true"
in Searchbar of Header Component and changed props.noAS
to !props.noAS
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please revert your changes in the Header Component. The user must be able to search for a country. Keep your changes limited to the issues mentioned in the review. Thank you.
src/components/maps/WorldMap.vue
Outdated
@@ -0,0 +1,91 @@ | |||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Remove space
src/components/maps/WorldMap.vue
Outdated
import { ref, onMounted, inject, getCurrentInstance } from 'vue' | ||
import ReactiveChart from '@/components/charts/ReactiveChart.vue' | ||
import { CountryQuery } from '@/plugins/IhrApi' | ||
const {emit} = getCurrentInstance() |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We do not define emits in that manner. Please adhere to the project's code style guidelines.
src/components/maps/WorldMap.vue
Outdated
} | ||
} | ||
|
||
onMounted(fetchData) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We do not use mounted function in that manner. Please adhere to the project's code style guidelines.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks
Description
Recording.2024-03-02.103915.mp4