Updates

2026-08-18 23:36:24 +02:00
parent d639cf3234
commit 7813e3f3c5
101 changed files with 249 additions and 220 deletions
@@ -4,7 +4,6 @@ import AppBar from '@mui/material/AppBar'
 import keycloak from '../keycloak';

 import SimplyCPQLogo from '../assets/SimplyCPQ_Logo.svg'    
-import { orange } from '@mui/material/colors';

 function stringToColor(string: string) {
  let hash = 0;
@@ -0,0 +1,26 @@
+import React from 'react';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+
+const Properties: React.FC = () => {
+    return (
+          <Box component="section" sx={{ p: 2, border: '1px dashed grey' }}>
+              <Typography variant="h3">
+                  Property Type Management
+              </Typography>
+              <Box
+                sx={{
+                  display: "flex",           // Arrange children in a row
+                  flexDirection: "row",
+                  width: "100vw",             // Full width of the parent
+                  p: 2,                       // Padding around the flex container
+                  bgcolor: "#f5f5f5"
+                }}
+              >
+                
+              </Box>
+          </Box>
+      );
+  };
+
+export default Properties;
@@ -6,6 +6,8 @@ import TabContext from '@mui/lab/TabContext';
 import TabList from '@mui/lab/TabList';
 import TabPanel from '@mui/lab/TabPanel';

+import Properties from '../components/properties/Properties';
+
 const HomePage: React.FC = () => {
  const [value, setValue] = React.useState('1');

@@ -23,7 +25,7 @@ const HomePage: React.FC = () => {
            <Tab value="4" label="Pricing" />
            <Tab value="5" label="Calculations" />
          </TabList>
-          <TabPanel value="1">Item One</TabPanel>
+          <TabPanel value="1"><Properties /></TabPanel>
          <TabPanel value="2">Item Two</TabPanel>
          <TabPanel value="3">Item Three</TabPanel>
          <TabPanel value="4">Item Three</TabPanel>