message
This commit is contained in:
parent
c489abd9a5
commit
126682db1c
2 changed files with 10 additions and 5 deletions
|
@ -3,6 +3,7 @@ import Footer from "./shared-components/footer-component/Footer";
|
||||||
import Navbar from "./shared-components/navbar-component/Navbar";
|
import Navbar from "./shared-components/navbar-component/Navbar";
|
||||||
import { BrowserRouter, Route, Switch } from "react-router-dom";
|
import { BrowserRouter, Route, Switch } from "react-router-dom";
|
||||||
import i18next from "i18next";
|
import i18next from "i18next";
|
||||||
|
import { useTranslation } from "react-i18next";
|
||||||
import Cookies from "js-cookie";
|
import Cookies from "js-cookie";
|
||||||
import HomePage from "./homePage/Homepage";
|
import HomePage from "./homePage/Homepage";
|
||||||
import ListingsPage from "./listings-page/ListingsPage";
|
import ListingsPage from "./listings-page/ListingsPage";
|
||||||
|
@ -30,6 +31,7 @@ function App() {
|
||||||
const currentLanguage = langauges.find(
|
const currentLanguage = langauges.find(
|
||||||
(lang) => lang.code === currentLanguageCode
|
(lang) => lang.code === currentLanguageCode
|
||||||
);
|
);
|
||||||
|
const { t } = useTranslation();
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
document.body.dir = currentLanguage.dir || "ltr";
|
document.body.dir = currentLanguage.dir || "ltr";
|
||||||
|
|
|
@ -17,7 +17,7 @@ import {
|
||||||
ComboboxList,
|
ComboboxList,
|
||||||
ComboboxOption,
|
ComboboxOption,
|
||||||
} from "@reach/combobox";
|
} from "@reach/combobox";
|
||||||
import { formatRelative } from "date-fns";
|
//import { formatRelative } from "date-fns";
|
||||||
import Select from "react-select";
|
import Select from "react-select";
|
||||||
|
|
||||||
import "@reach/combobox/styles.css";
|
import "@reach/combobox/styles.css";
|
||||||
|
@ -26,6 +26,8 @@ import * as listingData from "./data/property-data.json";
|
||||||
import "./ListingsPage.css";
|
import "./ListingsPage.css";
|
||||||
|
|
||||||
import compassImg from "./compass.svg";
|
import compassImg from "./compass.svg";
|
||||||
|
import { withTranslation } from "react-i18next";
|
||||||
|
|
||||||
|
|
||||||
const libraries = ["places"];
|
const libraries = ["places"];
|
||||||
|
|
||||||
|
@ -119,7 +121,7 @@ export default function ListingsPage() {
|
||||||
const [selectedBeds, setSelectedBeds] = useState(null);
|
const [selectedBeds, setSelectedBeds] = useState(null);
|
||||||
const [selectedBaths, setSelectedBaths] = useState(null);
|
const [selectedBaths, setSelectedBaths] = useState(null);
|
||||||
|
|
||||||
const [markers, setMarkers] = React.useState([]);
|
//const [markers, setMarkers] = React.useState([]);
|
||||||
const [selected, setSelected] = React.useState(null);
|
const [selected, setSelected] = React.useState(null);
|
||||||
|
|
||||||
const [budget, setBudget] = useState(null);
|
const [budget, setBudget] = useState(null);
|
||||||
|
@ -157,6 +159,7 @@ export default function ListingsPage() {
|
||||||
setBath(e.value);
|
setBath(e.value);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const { t } = this.props;
|
||||||
return (
|
return (
|
||||||
|
|
||||||
<div className="main_borders">
|
<div className="main_borders">
|
||||||
|
@ -203,8 +206,8 @@ export default function ListingsPage() {
|
||||||
>
|
>
|
||||||
{listingData.Properties.map((house) =>
|
{listingData.Properties.map((house) =>
|
||||||
(budget >= house.PRICE || !budget) &&
|
(budget >= house.PRICE || !budget) &&
|
||||||
(bed == house.BEDS || !bed) &&
|
(bed === house.BEDS || !bed) &&
|
||||||
(bath == house.BATHS || !bath) ? (
|
(bath === house.BATHS || !bath) ? (
|
||||||
<Marker
|
<Marker
|
||||||
key={house.LISTING_ID}
|
key={house.LISTING_ID}
|
||||||
position={{
|
position={{
|
||||||
|
|
Loading…
Reference in a new issue