Changeset bc20307 for sources/client/src/components/admin/ParkingZoneInfo

Timestamp:

02/14/22 01:41:41 (2 years ago)

Author:

Tasevski2 <39170279+Tasevski2@…>

Branches:

master

Children:

747e0ab

Parents:

e8b1076

Message:

Push before video

Location:

sources/client/src/components/admin/ParkingZoneInfo

Files:

• index.js (modified) (1 diff)
• styles.js (modified) (1 diff)

sources/client/src/components/admin/ParkingZoneInfo/index.js

@@ -1 @@
-const ParkingZoneInfo = () => {
-    return <h1>PARKING ZONE INFO</h1>
+import { useState } from 'react';
+
+import { Wrapper } from './styles';
+
+import ParkingZoneInfoViewer from '../ParkingZoneInfoViewer';
+import ParkingZoneInfoEdit from '../ParkingZoneInfoEdit';
+
+const ParkingZoneInfo = ({ zone, setZone }) => {
+  const [editMode, setEditMode] = useState(false);
+  return (
+    <Wrapper>
+      {editMode ? (
+        <ParkingZoneInfoEdit
+          zone={zone}
+          setEditMode={setEditMode}
+          setZone={setZone}
+        />
+      ) : (
+        <ParkingZoneInfoViewer zone={zone} setEditMode={setEditMode} />
+      )}
+    </Wrapper>
+  );
 };
 

sources/client/src/components/admin/ParkingZoneInfo/styles.js

@@ +1 @@
+import styled from 'styled-components';
+
+export const Wrapper = styled.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  width: 100%;
+  max-width: 1650px;
+  height: 690px;
+  padding: 0 10%;
+  margin: auto;
+  margin-top: 25px;
+`;