feat: workspaces crud (resolves #15) (#19)

feat: workspaces crud (resolves #15)

renderer/components/Workspaces/WorkspaceConfigurer/DeleteWorkspace/StyledWrapper.js

@@ -0,0 +1,15 @@
+import styled from 'styled-components';
+
+const Wrapper = styled.div`
+  button.submit {
+    color: white;
+    background-color: var(--color-background-danger) !important;
+    border: inherit !important;
+
+    &:hover {
+      border: inherit !important;
+    }
+  }
+`;
+
+export default Wrapper;

renderer/components/Workspaces/WorkspaceConfigurer/DeleteWorkspace/index.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import Portal from "components/Portal/index";
+import Modal from "components/Modal/index";
+import { deleteWorkspace } from 'providers/ReduxStore/slices/workspaces';
+import { useDispatch } from 'react-redux';
+import StyledWrapper from './StyledWrapper';
+
+const DeleteWorkspace = ({onClose, workspace}) => {
+  const dispatch = useDispatch();
+  const onConfirm = () =>{
+    dispatch(deleteWorkspace({workspaceUid: workspace.uid}))
+    onClose();
+  };
+
+  return (
+      <Portal>
+        <StyledWrapper>
+            <Modal
+              size="sm"
+              title={"Delete Workspace"}
+              confirmText="Delete"
+              handleConfirm={onConfirm}
+              handleCancel={onClose}
+            >
+              Are you sure you want to delete <span className="font-semibold">{workspace.name}</span> ?
+            </Modal>
+        </StyledWrapper>
+      </Portal>
+    
+  );
+}
+
+export default DeleteWorkspace;
+