diff --git a/src/components/TableCreationPopup.jsx b/src/components/TableCreationPopup.jsx
index e0d595d..732926a 100644
--- a/src/components/TableCreationPopup.jsx
+++ b/src/components/TableCreationPopup.jsx
@@ -1,6 +1,48 @@
import React, { useState } from 'react';
-import { FaPlus, FaTimes, FaTable, FaDatabase, FaLayerGroup, FaBuilding } from 'react-icons/fa';
-import { HiOutlineDocumentReport } from 'react-icons/hi';
+import { FaPlus, FaTimes, FaTable, FaLayerGroup } from 'react-icons/fa';
+
+// Custom SVG component for database icon
+const CustomDatabaseIcon = ({ color = "#fa8c16", width = "24", height = "24" }) => (
+
+);
+
+// Custom SVG component for document/report icon
+const CustomDocumentIcon = ({ width = "24", height = "24" }) => (
+
+);
+
+// Custom SVG component for dimension icon
+const CustomDimensionIcon = ({ width = "24", height = "24" }) => (
+
+);
const TableCreationPopup = ({ onClose, onCreateTable }) => {
const [tableName, setTableName] = useState('');
@@ -43,11 +85,11 @@ const TableCreationPopup = ({ onClose, onCreateTable }) => {
const getTableTypeIcon = () => {
switch(tableType) {
case 'stage':
- return ;
+ return ;
case 'fact':
- return ;
+ return ;
case 'dimension':
- return ;
+ return ;
default:
return ;
}
@@ -139,7 +181,7 @@ const TableCreationPopup = ({ onClose, onCreateTable }) => {
onChange={() => setTableType('stage')}
style={{ margin: 0 }}
/>
-
+
Stage
@@ -162,7 +204,7 @@ const TableCreationPopup = ({ onClose, onCreateTable }) => {
onChange={() => setTableType('fact')}
style={{ margin: 0 }}
/>
-
+
Fact
@@ -185,7 +227,7 @@ const TableCreationPopup = ({ onClose, onCreateTable }) => {
onChange={() => setTableType('dimension')}
style={{ margin: 0 }}
/>
-
+
Dimension