Wisam Naji
-Lorem ipsum is placeholder
- commonly used in the graphic, print,
- and publishing industries.
+ A lead trainer with Re:Coded
+ Love developing products
+ that contribute to the community.
diff --git a/src/components/BusInfoContainer.js b/src/components/BusInfoContainer.js
index 090cac3..e172c07 100644
--- a/src/components/BusInfoContainer.js
+++ b/src/components/BusInfoContainer.js
@@ -1,8 +1,16 @@
import React from 'react';
import { FiHeart } from 'react-icons/fi';
+import { AiFillHeart } from 'react-icons/ai';
import WayLine from './WayLine';
+import BusIcon from '../assets/icon-bus.svg';
+import WifiIcon from '../assets/icon-wifi.svg';
+import BatteryIcon from '../assets/icon-battery.svg';
+import AirConditionerIcon from '../assets/icon-ac.svg';
+import BusInformations from './BusInformations';
+import VerticalLineDivide from './VerticalLineDivide';
+import PropTypes from 'prop-types';
-export default function BusInfoContainer() {
+export default function BusInfoContainer({ dontShowTakeIt, fillHeart }) {
const way = [
{ id: 0, isStart: true, name: '32 peak' },
{ id: 1, name: 'Italian Village' },
@@ -21,7 +29,15 @@ export default function BusInfoContainer() {
-
@@ -36,33 +52,49 @@ export default function BusInfoContainer() {
-
-
@todo BusIcon from bust detail pop up component
+
+
+ 
+
6:22 PM - 7:09 PM
-
-
@todo WifiIcon from bust detail pop up component
-
- @todo BatteryIcon from bust detail pop up component
+
);
}
+BusInfoContainer.propTypes = {
+ dontShowTakeIt: PropTypes.bool.isRequired,
+ fillHeart: PropTypes.bool.isRequired,
+};
diff --git a/src/components/BusInformations.js b/src/components/BusInformations.js
index 88a468d..36cf234 100644
--- a/src/components/BusInformations.js
+++ b/src/components/BusInformations.js
@@ -2,7 +2,7 @@ import React from 'react';
export default function BusInformations() {
return (
-
+
- @todo VerticalLine Component from bust detail pop up component
+
+ 
+
+
+ 
-
- @todo AirConditionerIcon from bust detail pop up component
+
+ 
- @todo BusInformations Component from bust detail pop up component
+
-
-
+
+
+ {!dontShowTakeIt && (
+
+
Work days: Saturday - Thusday
+
+
+
+ )}
+
diff --git a/src/components/Favorite.js b/src/components/Favorite.js
new file mode 100644
index 0000000..1b43e9d
--- /dev/null
+++ b/src/components/Favorite.js
@@ -0,0 +1,17 @@
+import React from 'react';
+import BusInfoContainer from './BusInfoContainer';
+
+export default function Favorite() {
+ return (
+ <>
+ {
- setViewport({ ...viewport, width: '100%', height: '100%' });
- }}
- mapStyle="mapbox://styles/shna/ckd4x2xmy02kh1ir3hihcr36m"
- >
- {path && (
-
-
- )}
-
-
+ {
+ setViewport({ ...viewport, width: '100%', height: '100%' });
+ }}
+ mapStyle="mapbox://styles/shna/ckd4x2xmy02kh1ir3hihcr36m"
+ >
+ {path && (
+
+
+ )}
+
);
}
RouteListMap.propTypes = {
- path: PropTypes.func,
+ path: PropTypes.object,
};
diff --git a/src/components/VerticalLineDivide.js b/src/components/VerticalLineDivide.js
index 6ba3d93..1b6368d 100644
--- a/src/components/VerticalLineDivide.js
+++ b/src/components/VerticalLineDivide.js
@@ -3,7 +3,7 @@ import React from 'react';
export default function VerticalLineDivide() {
return (
{}} />);
});
diff --git a/src/pages/favorite.js b/src/pages/favorite.js
index 079e17b..b7c40e9 100644
--- a/src/pages/favorite.js
+++ b/src/pages/favorite.js
@@ -1,4 +1,10 @@
import React from 'react';
+import Favorite from '../components/Favorite';
+
export default function favorite() {
- return
No. Seats: 12 Seats
-
+
-
+
+
+ -
+
+
+
-
+
);
}
diff --git a/src/components/__test__/RouteList.test.js b/src/components/__test__/RouteList.test.js
index 2e851ff..d29c748 100644
--- a/src/components/__test__/RouteList.test.js
+++ b/src/components/__test__/RouteList.test.js
@@ -3,5 +3,5 @@ import { render } from '@testing-library/react';
import RouteList from '../RouteList';
test('renders the RouteList', () => {
- render(@todo return favorite page
;
+ return (
+
+
+ );
}