-
- {indeterminate ? (
-
- ) : (
-
- )}
-
-
- );
-};
-
-export default IndeterminateCheckbox;
diff --git a/frontend/src/components/SoonLabel/index.tsx b/frontend/src/components/SoonLabel/index.tsx
deleted file mode 100644
index 4053731..0000000
--- a/frontend/src/components/SoonLabel/index.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-interface SoonLabelProps {
- className?: string;
-}
-
-const SoonLabel = ({ className }: SoonLabelProps) => {
- return (
-
- Soon
-
- );
-};
-
-export default SoonLabel;
diff --git a/frontend/src/components/button/index.tsx b/frontend/src/components/button/index.tsx
deleted file mode 100644
index 5930db9..0000000
--- a/frontend/src/components/button/index.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-interface CustomButtonProps {
- text: string;
- onClick: () => void;
- styles?: string;
- icon?: React.ReactElement;
-}
-
-const CustomButton = ({ text, onClick, styles, icon }: CustomButtonProps) => {
- return (
-
- );
-};
-
-export default CustomButton;
diff --git a/frontend/src/components/buttons/EmphasisButton/index.tsx b/frontend/src/components/buttons/EmphasisButton/index.tsx
deleted file mode 100644
index 5444c94..0000000
--- a/frontend/src/components/buttons/EmphasisButton/index.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-interface EmphasisButtonProps {
- text: string;
- variant?: 'primary' | 'secondary';
- enabled?: boolean;
- type?: 'button' | 'submit' | 'reset';
- onClick: () => void;
- className?: string;
- icon?: React.ReactElement;
-}
-
-const EmphasisButton = ({
- text,
- variant = 'primary',
- enabled = true,
- type = 'button',
- onClick,
- className,
- icon,
-}: EmphasisButtonProps) => {
- const baseStyles = 'flex items-center justify-center rounded-lg px-8 py-2 text-sm font-semibold';
- const primaryStyles = 'bg-radial-light hover:bg-radial-ultra-light shadow-light text-white';
- const secondaryStyles =
- 'bg-white border border-crumpet-light-300 text-oxford shadow-light hover:bg-crumpet-light-100';
- const disabledStyles = 'bg-crumpet-light-50 border-crumpet-light-300 text-grey-700';
-
- const buttonStyles = enabled
- ? variant === 'primary'
- ? primaryStyles
- : secondaryStyles
- : disabledStyles;
-
- return (
-
- );
-};
-
-export default EmphasisButton;
diff --git a/frontend/src/components/buttons/ExtendedMainButton/index.tsx b/frontend/src/components/buttons/ExtendedMainButton/index.tsx
deleted file mode 100644
index fd352e3..0000000
--- a/frontend/src/components/buttons/ExtendedMainButton/index.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import React, { ReactElement } from 'react';
-import { MdExpandMore } from 'react-icons/md';
-
-interface MainButtonProps {
- label: string;
- icon?: ReactElement;
- className?: string;
- enabled?: boolean;
- permanentlyDisabled?: boolean;
- type?: 'button' | 'submit' | 'reset';
- onClick?: () => void;
-}
-
-const ExtendedMainButton = ({
- label,
- icon,
- enabled = true,
- type = 'button',
- permanentlyDisabled = false,
- className,
- onClick,
-}: MainButtonProps) => {
- const backgroundColor = enabled
- ? 'bg-crumpet-yellow-500 hover:bg-crumpet-yellow-600 border border-crumpet-yellow-600'
- : 'bg-crumpet-yellow-200';
-
- return (
-
-
-
-
- );
-};
-
-export default ExtendedMainButton;
diff --git a/frontend/src/components/buttons/MainButton/index.tsx b/frontend/src/components/buttons/MainButton/index.tsx
deleted file mode 100644
index 097026f..0000000
--- a/frontend/src/components/buttons/MainButton/index.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import React, { ReactElement } from 'react';
-
-interface MainButtonProps {
- label: string;
- icon?: ReactElement;
- className?: string;
- enabled?: boolean;
- type?: 'button' | 'submit' | 'reset';
- onClick?: () => void;
-}
-
-const MainButton = ({
- label,
- icon,
- enabled = true,
- type = 'button',
- className,
- onClick,
-}: MainButtonProps) => {
- const backgroundColor = enabled
- ? 'bg-crumpet-yellow-500 hover:bg-crumpet-yellow-600 outline border border-crumpet-yellow-600'
- : 'bg-crumpet-yellow-200';
- return (
-
- );
-};
-
-export default MainButton;
diff --git a/frontend/src/components/buttons/OutlineButton/index.tsx b/frontend/src/components/buttons/OutlineButton/index.tsx
deleted file mode 100644
index 16e98a0..0000000
--- a/frontend/src/components/buttons/OutlineButton/index.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-interface OutlineButtonProps {
- label: string;
- className?: string;
- onClick?: () => void;
-}
-
-const OutlineButton = ({ label, className, onClick }: OutlineButtonProps) => {
- return (
-
- );
-};
-
-export default OutlineButton;
diff --git a/frontend/src/components/buttons/TextButton/index.tsx b/frontend/src/components/buttons/TextButton/index.tsx
deleted file mode 100644
index 8f14f38..0000000
--- a/frontend/src/components/buttons/TextButton/index.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-import { MdSettings } from 'react-icons/md';
-
-interface TextButtonProps {
- label: string;
- icon?: React.ReactElement;
- enabled?: boolean;
- onClick?: () => void;
- color?: string;
-}
-const TextButton = ({ label, icon, enabled = true, onClick, color: propColor }: TextButtonProps) => {
- const color = enabled ? `text-grey-700 group-hover:text-grey-500 ${propColor}` : 'text-grey-500';
- return (
-
- );
-};
-
-export default TextButton;
diff --git a/frontend/src/components/buttons/index.ts b/frontend/src/components/buttons/index.ts
deleted file mode 100644
index a52a0be..0000000
--- a/frontend/src/components/buttons/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export { default as EmphasisButton } from './EmphasisButton';
-export { default as TextButton } from './TextButton';
-export { default as OutlineButton } from './OutlineButton';
-export {default as MainButton } from './MainButton';
-export { default as ExtendedMainButton } from './ExtendedMainButton';
diff --git a/frontend/src/components/copyInput/index.tsx b/frontend/src/components/copyInput/index.tsx
deleted file mode 100644
index 930c990..0000000
--- a/frontend/src/components/copyInput/index.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React, { useRef } from 'react';
-import { FiCopy } from 'react-icons/fi';
-
-interface CopyInputProps {
- value: string;
- className?: string;
-}
-
-//TODO: Add Radix tooltip when value is copied
-// https://www.radix-ui.com/primitives/docs/components/tooltip
-const CopyInput: React.FC
-
-
- );
-};
-
-export default CopyInput;
-
diff --git a/frontend/src/components/example/example.tsx b/frontend/src/components/example/example.tsx
deleted file mode 100644
index 99202d8..0000000
--- a/frontend/src/components/example/example.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react';
-
-const Example = () => {
- return (
-
- );
-};
-
-export default Example;
diff --git a/frontend/src/components/example/index.ts b/frontend/src/components/example/index.ts
deleted file mode 100644
index 3b75b61..0000000
--- a/frontend/src/components/example/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-import Example from './example';
-export default Example;
diff --git a/frontend/src/components/index.ts b/frontend/src/components/index.ts
deleted file mode 100644
index 2394d29..0000000
--- a/frontend/src/components/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import Example from './example';
-export { Example };
-
-export { default as IndeterminateCheckbox } from './IndeterminateCheckbox';
-export { default as SoonLabel } from './SoonLabel';
diff --git a/frontend/src/components/inputs/CopyInput.tsx b/frontend/src/components/inputs/CopyInput.tsx
deleted file mode 100644
index 60478bb..0000000
--- a/frontend/src/components/inputs/CopyInput.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { useRef } from 'react';
-import { MdContentCopy } from 'react-icons/md';
-
-interface CopyInputProps {
- label: string;
- description: string;
- value: string;
- className?: string;
-}
-
-const CopyInput = ({ label, description, value, className }: CopyInputProps) => {
- const inputRef = useRef
-
-
-
- );
-};
-
-export default CopyInput;
diff --git a/frontend/src/components/inputs/SlimTextInput.tsx b/frontend/src/components/inputs/SlimTextInput.tsx
deleted file mode 100644
index 7d1b406..0000000
--- a/frontend/src/components/inputs/SlimTextInput.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-interface SlimTextInputProps {
- label: string;
- value?: string;
- error?: string | null;
- onChange: (e: React.ChangeEvent
-
- {label}
-{description}
-
-
-
-
-
- );
-};
-
-export default SlimTextInput;
diff --git a/frontend/src/components/inputs/TextInput.tsx b/frontend/src/components/inputs/TextInput.tsx
deleted file mode 100644
index de2e08e..0000000
--- a/frontend/src/components/inputs/TextInput.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-interface TextInputProps {
- label: string;
- description: string;
- value: string;
- error?: string | null;
- onChange: (e: React.ChangeEvent{label}
- -{error}
-
-
- );
-};
-
-export default TextInput;
diff --git a/frontend/src/components/inputs/index.ts b/frontend/src/components/inputs/index.ts
deleted file mode 100644
index 4906ec3..0000000
--- a/frontend/src/components/inputs/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { default as TextInput } from './TextInput';
-export { default as CopyInput } from './CopyInput';
-export { default as SlimTextInput } from './SlimTextInput';
diff --git a/frontend/src/components/modal/index.tsx b/frontend/src/components/modal/index.tsx
deleted file mode 100644
index 7a9b337..0000000
--- a/frontend/src/components/modal/index.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import { Dialog, Transition } from '@headlessui/react';
-import { Fragment, ReactNode } from 'react';
-
-interface ModalProps {
- isOpen: boolean;
- onClose: () => void;
- title: string;
- buttonText: string;
- panelClassName?: string;
- overlayClassName?: string;
- children: ReactNode;
-}
-
-const Modal = ({
- isOpen,
- onClose,
- title,
- buttonText,
- panelClassName = '',
- overlayClassName = '',
- children,
-}: ModalProps) => {
- return (
- <>
-
-
- {label}
-{description}
-
-
-
- {error}
-
-
-
-
- );
-};
-
-export default Picker;
diff --git a/frontend/src/components/sidebarMenu/index.tsx b/frontend/src/components/sidebarMenu/index.tsx
deleted file mode 100644
index 99908cc..0000000
--- a/frontend/src/components/sidebarMenu/index.tsx
+++ /dev/null
@@ -1,220 +0,0 @@
-import { Popover, Transition } from '@headlessui/react';
-import Picker from 'components/picker';
-import SidebarButtonPrimary from './sidebarButtonPrimary';
-import SidebarButtonSecondary from './sidebarButtonSecondary';
-import {
- MdChevronRight,
- MdSupport,
- MdOutlineOpenInNew,
- MdSettings,
- MdOutlineBadge,
- MdCheck,
- MdAdd,
-} from 'react-icons/md';
-import { ReactComponent as Flow } from 'assets/icons/Flow Icon.svg';
-import { ReactComponent as CrumpetLogo } from 'assets/images/Crumpet Logo Oxford.svg';
-import { Fragment, useState } from 'react';
-import { CreateProjectModal } from 'features/projects/components/CreateProjectModal';
-import { useProjectsStore } from 'features/projects/stores/useProjectsStore';
-import { getFirstLetter } from 'utils';
-import { TextButton } from 'components/buttons';
-import { useNavigate } from 'react-router';
-import { isHasData } from 'api/utils';
-import { usePopper } from 'react-popper';
-import { useLocation } from 'react-router-dom';
-
-interface ProjectEntry {
- id: number;
- name: string;
- selected: boolean;
- onSettingsClick?: (project: ProjectEntry) => void;
-}
-
-interface SidebarMenuProps {
- projects: ProjectEntry[];
-}
-
-const SidebarMenu = ({ projects }: SidebarMenuProps) => {
- const [isOpen, setIsOpen] = useState(false);
- const { selectedProject, setSelectedProject } = useProjectsStore();
- const isLoadingState = ['initial', 'loading', 'hasError'].includes(selectedProject.state);
- const location = useLocation();
- const navigate = useNavigate();
-
- const [referenceElement, setReferenceElement] = useState
-
- {selectedItem.name}
-
-
-
-
-
-
- {items.map((item, itemIdx) => (
-
- `relative cursor-default select-none py-2 pl-10 pr-4
- ${active ? 'bg-crumpet-bright-100 text-crumpet-bright-500' : 'text-gray-900'}`
- }
- value={item}>
- {({ selected }) => (
- <>
-
- {item.name}
-
- {selected ? (
-
-
-
- ) : null}
-
- )}
-
- ))}
-
-
-
-
-
-
-
-
-
- {isHasData(selectedProject) && selectedProject.data.environments != undefined && (
- Crumpet
-
- {ButtonList.map((button, index) => (
-
-
-
- {({ open }) => (
- <>
-
- {isLoadingState ? (
- // Render pulsing grey rectangle for initial, loading, and hasError states
-
-
-
-
-
-
- )}
-
-
-
-
-
-
-
-
- ) : (
-
-
- )}
-
- {getFirstLetter(
- isHasData(selectedProject) ? selectedProject.data.name : null,
- )}
-
-
- {isHasData(selectedProject) ? selectedProject.data.name : ''}
-
-
-
-
- {projects.map((project, index) => (
-
- ))}
-
-
- | - {header.displayName} - | - ))} -- |
|---|---|
| - {renderCell ? renderCell(row, header) : row[header.propertyName]} - | - ))} -
-
-
- |
-
- {data.map((member, index) => {
- const isFirst = index === 0;
- const isLast = index === data.length - 1;
- //Add appropriate borders and rounded edges depending on element index
- let conditionalClassNames = isFirst
- ? 'rounded-t border-t'
- : isLast
- ? 'rounded-b border-t border-b'
- : 'border-t';
- if (isFirst && isLast) {
- conditionalClassNames = 'rounded border-t border-b';
- }
- return (
-
- );
-};
-
-export default MembersTable;
diff --git a/frontend/src/components/tables/index.ts b/frontend/src/components/tables/index.ts
deleted file mode 100644
index d569550..0000000
--- a/frontend/src/components/tables/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as MembersTable } from './MembersTable';
diff --git a/frontend/src/components/textInput/index.tsx b/frontend/src/components/textInput/index.tsx
deleted file mode 100644
index e209238..0000000
--- a/frontend/src/components/textInput/index.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-interface TextInputProps {
- label: string;
- value: string;
- onChange: (e: React.ChangeEvent
-
- );
- })}
-
-
- {member.name}
-{member.email}
-
-
- );
-};
-
-export default TextInput;
diff --git a/frontend/src/components/toasts/Toast/index.tsx b/frontend/src/components/toasts/Toast/index.tsx
deleted file mode 100644
index f1fe96f..0000000
--- a/frontend/src/components/toasts/Toast/index.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from 'react';
-import toast from 'react-hot-toast';
-import { MdInfoOutline } from 'react-icons/md';
-
-interface ToastProps {
- id?: string;
- message: string;
- type?: 'info' | 'success' | 'error';
- duration?: number;
-}
-
-const Toast = ({ id, message, type = 'info', duration = 4000 }: ToastProps) => {
- const [progress, setProgress] = useState(100);
- const intervalRef = useRef{label}
- -
-
- );
-};
-
-export default Toast;
diff --git a/frontend/src/components/toasts/ToastContainer/index.tsx b/frontend/src/components/toasts/ToastContainer/index.tsx
deleted file mode 100644
index 71c8123..0000000
--- a/frontend/src/components/toasts/ToastContainer/index.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { useToaster } from 'react-hot-toast';
-import Toast from '../Toast';
-
-const ToastContainer = () => {
- const { toasts, handlers } = useToaster();
- const { startPause, endPause } = handlers;
-
- return (
-
-
-
-
-
-
-
-
-
-
- {message}
-
- {toasts
- .filter(toast => toast.visible)
- .map(toast => {
- const message = typeof toast.message === 'string' ? toast.message : '';
- switch (toast.type) {
- case 'success':
- return
- );
-};
-
-export default ToastContainer;
diff --git a/frontend/src/components/toasts/index.ts b/frontend/src/components/toasts/index.ts
deleted file mode 100644
index d4f76d5..0000000
--- a/frontend/src/components/toasts/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export {default as ToastContainer } from './ToastContainer';
-export {default as Toast } from './Toast';
\ No newline at end of file
diff --git a/frontend/src/features/people/components/SegmentSelector.tsx b/frontend/src/features/people/components/SegmentSelector.tsx
deleted file mode 100644
index c59ca2d..0000000
--- a/frontend/src/features/people/components/SegmentSelector.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { IndeterminateCheckbox } from 'components';
-import React from 'react';
-
-interface SegmentSelectorProps {
- isSelected: boolean;
-}
-
-const SegmentSelector = ({ isSelected }: SegmentSelectorProps) => {
- return (
-
-
- All
-
-
- );
-};
-
-export default SegmentSelector;
diff --git a/frontend/src/features/people/components/SelectedRowsBar.tsx b/frontend/src/features/people/components/SelectedRowsBar.tsx
deleted file mode 100644
index d9c7e2e..0000000
--- a/frontend/src/features/people/components/SelectedRowsBar.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { MdDeleteOutline } from 'react-icons/md';
-import { usePeopleStore } from '../stores/usePeopleStore';
-
-interface SelectedRowsBarProps {
- selectedCount: number;
-}
-
-const SelectedRowsBar = ({ selectedCount }: SelectedRowsBarProps) => {
- const isVisible = selectedCount > 0;
- const visibleClasses = 'opacity-100 translate-y-0'; // Final state: visible
- const hiddenClasses = 'opacity-0 translate-y-1'; // Initial state: invisible
-
- const deleteSelected = usePeopleStore(state => state.deleteSelectedRows);
-
- return (
-
-
- );
-};
-
-export default SelectedRowsBar;
diff --git a/frontend/src/features/people/components/index.ts b/frontend/src/features/people/components/index.ts
deleted file mode 100644
index 6a741ee..0000000
--- a/frontend/src/features/people/components/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { default as Table } from './table';
-export { default as SegmentSelector } from './SegmentSelector';
-export { default as SelectedRowsBar } from './SelectedRowsBar';
diff --git a/frontend/src/features/people/components/table/cells/EditableCell.tsx b/frontend/src/features/people/components/table/cells/EditableCell.tsx
deleted file mode 100644
index 384959d..0000000
--- a/frontend/src/features/people/components/table/cells/EditableCell.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Cell, Column, Table, RowData, Row } from '@tanstack/react-table';
-import { useEffect, useState } from 'react';
-
-declare module '@tanstack/react-table' {
- interface TableMeta
- {selectedCount} selected
-
-
- delete Delete
-
-
- setValue(e.target.value)}
- onBlur={onBlur}
- />
-
- );
-};
-
-export default EditableCell;
diff --git a/frontend/src/features/people/components/table/cells/SelectableCell.tsx b/frontend/src/features/people/components/table/cells/SelectableCell.tsx
deleted file mode 100644
index d0d3de0..0000000
--- a/frontend/src/features/people/components/table/cells/SelectableCell.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Row } from '@tanstack/react-table';
-import { IndeterminateCheckbox } from 'components';
-
-const SelectableHeader =
-
- );
-};
-
-export default SelectableHeader;
diff --git a/frontend/src/features/people/components/table/headers/AddPropertyHeader.tsx b/frontend/src/features/people/components/table/headers/AddPropertyHeader.tsx
deleted file mode 100644
index 02b5767..0000000
--- a/frontend/src/features/people/components/table/headers/AddPropertyHeader.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-import { Popover, Transition } from '@headlessui/react';
-import { SlimTextInput } from 'components/inputs';
-import { usePeopleStore } from 'features/people/stores/usePeopleStore';
-import { Fragment, useCallback, useState } from 'react';
-import { MdAdd } from 'react-icons/md';
-import { usePopper } from 'react-popper';
-import { nanoid } from 'nanoid';
-import { MainButton } from 'components/buttons';
-
-const AddPropertyHeader = () => {
- const [referenceElement, setReferenceElement] = useState {
- setIsDragging(true);
- event.stopPropagation();
- header.getResizeHandler()(event);
- },
- onTouchStart: event => {
- event.stopPropagation();
- header.getResizeHandler()(event);
- },
- }}
- className={`resizer h-full w-1 cursor-col-resize select-none hover:bg-crumpet-yellow-500
- ${header.column.getIsResizing() ? 'bg-crumpet-yellow-500' : ''} `}
- style={{
- position: 'absolute',
- right: 0,
- top: 0,
- }}
- />
-
-
-
-
- setDisplayName(e.target.value)}
- inputProps={{
- name: 'header',
- onBlur: () => upsertDefinition(propertyKey, { header: displayName }),
- }}
- />
-
-
-
-
-
- )}
-
- );
-};
-
-export default PropertyHeader;
diff --git a/frontend/src/features/people/components/table/headers/SelectableHeader.tsx b/frontend/src/features/people/components/table/headers/SelectableHeader.tsx
deleted file mode 100644
index f368b42..0000000
--- a/frontend/src/features/people/components/table/headers/SelectableHeader.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Table } from '@tanstack/react-table';
-import { IndeterminateCheckbox } from 'components';
-
-const SelectableHeader = ({ table }: { table: Table }) => {
- return (
- ();
-
- const cols = Object.entries(propertyDefs).map(([key, value]) => {
- return columnHelper.accessor(value.accessor, {
- header: ({ header }) => (
- [];
- }, [propertyDefs]);
-
- const rowSelection = usePeopleStore(state => state.rowSelection);
- const setRowSelection = usePeopleStore(state => state.setRowSelection);
-
- const handleRowSelectionChange = (newRowSelection: Updater) => {
- if (typeof newRowSelection === 'function') {
- // Call the function
- setRowSelection(newRowSelection(rowSelection ?? {}));
- } else {
- // Otherwise, use newRowSelection as the new state directly
- setRowSelection(newRowSelection);
- }
- };
-
- const tableInstance = useReactTable({
- data,
- columns,
- state: {
- rowSelection,
- },
- enableRowSelection: true,
- onRowSelectionChange: handleRowSelectionChange,
- columnResizeMode: 'onChange',
- getCoreRowModel: getCoreRowModel(),
- meta: {
- updateData,
- },
- });
-
- return (
- >;
- data: unknown[];
- rowSelection: RowSelectionState | undefined;
-}
-
-//TODO: Maybe rename to upsertProperty ?
-
-interface Actions {
- upsertDefinition: (id: string, definition: Partial>) => void;
- deleteDefinition: (id: string) => void;
- updateData: (rowIndex: number, columnId: string, value: unknown) => void;
- addRow: () => void;
- setRowSelection: (newRowSelection: RowSelectionState) => void;
- deleteSelectedRows: () => void;
- setupSocket: (url: string) => void;
- destroy: () => void;
-}
-
-export const usePeopleStore = create()(
- subscribeWithSelector((set, get) => {
- return {
- setupSocket: url => {
- setupSocket(set, url);
- },
- destroy: () => {
- if (socket) {
- socket.close();
- }
- },
- data: [
- { name: 'Jane Doe', age: 30 },
- { name: 'Jane Doe', age: 32 },
- { name: 'Earl Grey of West Sussex', age: 400000000 },
- // ... more data
- ],
- updateData: (rowIndex: number, columnId: string, value: unknown) => {
- // Update store
- set(
- produce(draft => {
- const row = draft.data[rowIndex] as Record;
- if (row) {
- row[columnId] = value;
- }
- }),
- );
- // Send message over socket
- socket?.send(JSON.stringify({ message: 'testing' }));
- },
- addRow: () =>
- set(
- produce(draft => {
- draft.data.push({});
- }),
- ),
- rowSelection: {},
- propertyDefinitions: {
- id_1: { accessor: 'name', header: 'Name' },
- id_2: { accessor: 'age', header: 'Age' },
- },
- upsertDefinition: (id, newDefinition) =>
- set(
- produce(draft => {
- if (draft.propertyDefinitions[id]) {
- // If the definition exists, merge it
- Object.assign(draft.propertyDefinitions[id], newDefinition);
- } else {
- // If the definition does not exist, create a new one
- // (you should validate the full object structure here)
- draft.propertyDefinitions[id] = newDefinition as Omit;
- }
- }),
- ),
- deleteDefinition: (
- id, // Implement the delete function
- ) =>
- set(
- produce(draft => {
- delete draft.propertyDefinitions[id];
- }),
- ),
- setRowSelection: newRowSelection =>
- set(
- produce(draft => {
- draft.rowSelection = newRowSelection;
- }),
- ),
- deleteSelectedRows: () =>
- set(
- produce(draft => {
- if (draft.rowSelection) {
- // Filter out the rows that are selected
- draft.data = draft.data.filter((_, index) => !draft.rowSelection?.[index]);
- // Reset the rowSelection state after deletion
- draft.rowSelection = {};
- }
- }),
- ),
- };
- }),
-);
-
-let socket: WebSocket | null = null;
-
-const setupSocket = (set: any, url?: string | null) => {
- if (socket) {
- console.log('closing inside initializeSocket');
- socket.close();
- }
- if (url == null) return;
-
- console.log('settings up socket');
-
- socket = new WebSocket(url);
-
- socket.onopen = () => {
- /* handle open */
- if (socket == null) return;
- console.log('Sending message');
- socket.send(JSON.stringify({ message: 'testing' }));
- };
- socket.onmessage = e => {
- /* handle incoming messages */
- const wsData = JSON.parse(e.data);
- console.log(wsData);
- };
- socket.onerror = error => {
- /* handle error */
- };
- socket.onclose = () => {
- /* handle close */
- };
-};
\ No newline at end of file
diff --git a/frontend/src/features/projects/components/CreateProjectModal.tsx b/frontend/src/features/projects/components/CreateProjectModal.tsx
deleted file mode 100644
index bbfcde4..0000000
--- a/frontend/src/features/projects/components/CreateProjectModal.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import { Dialog, Transition } from '@headlessui/react';
-import EmphasisButton from 'components/buttons/EmphasisButton';
-import { TextInput } from 'components/inputs';
-import { Fragment } from 'react';
-import toast from 'react-hot-toast';
-import useCreateProject from '../hooks/useCreateProject';
-
-interface CreateProjectModalProps {
- isOpen: boolean;
- onClose: () => void;
-}
-
-export const CreateProjectModal = ({ isOpen, onClose }: CreateProjectModalProps) => {
- const close = () => {
- formik.resetForm({ values: formik.initialValues, errors: {} });
- onClose();
- };
-
- const onSubmit = () => {
- close();
- toast.success("Project created successfully");
- };
-
- const { formik } = useCreateProject({ onSubmit: onSubmit });
-
- return (
-
-
-
- );
-};
diff --git a/frontend/src/features/projects/hooks/useCreateProject.ts b/frontend/src/features/projects/hooks/useCreateProject.ts
deleted file mode 100644
index 5fdc8a5..0000000
--- a/frontend/src/features/projects/hooks/useCreateProject.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { useApiConfig } from 'api';
-import { AxiosError } from 'axios';
-import { FormikErrors, useFormik } from 'formik';
-import { useProjectsStore } from '../stores/useProjectsStore';
-
-interface FormValues {
- name: string;
-}
-
-interface useCreateProjectProps {
- onSubmit: () => void;
-}
-
-const useCreateProject = ({onSubmit} : useCreateProjectProps) => {
- const { config } = useApiConfig();
- const { createProject } = useProjectsStore();
- const formik = useFormik({
- initialValues: {
- name: '',
- },
- validate: values => {
- const errors: FormikErrors = {};
- if (!values.name) {
- errors.name = 'You must provide a name.';
- }
- return errors;
- },
- onSubmit: async ({ name }: FormValues) => {
- try {
- // Run onSubmit if successful
- await createProject(name, config);
- onSubmit();
- } catch (e) {
- //TODO: Propagate errors to form using setError etc.
- if (e instanceof AxiosError) {
- if (e.response) {
- const errorData = e.response.data;
- if (errorData.detail) {
- console.error('General error:', errorData.detail);
- } else {
- // Handle model field errors.
- for (const field in errorData) {
- console.error(`Error with ${field}:`, errorData[field].join(', '));
- }
- }
- }
- } else {
- // Some other error
- console.error(e);
- }
- }
- },
- });
-
- return { formik };
-};
-
-export default useCreateProject;
diff --git a/frontend/src/features/projects/hooks/useProjectSettings.ts b/frontend/src/features/projects/hooks/useProjectSettings.ts
deleted file mode 100644
index cc2219c..0000000
--- a/frontend/src/features/projects/hooks/useProjectSettings.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-import { ProjectsApi, useApiConfig } from 'api';
-import { FormikErrors, useFormik } from 'formik';
-import { useEffect, useState } from 'react';
-import { useProjectsStore } from '../stores/useProjectsStore';
-import { useNavigate } from 'react-router';
-import toast from 'react-hot-toast';
-import { AxiosError } from 'axios';
-
-interface FormValues {
- projectName?: string;
-}
-
-const useSettings = ({
- projectId,
- projectName: initialProjectName,
-}: {
- projectId: number;
- projectName: string;
-}) => {
- const [loading, setLoading] = useState(false);
- const { fetchAndSelectProject } = useProjectsStore();
- const { config } = useApiConfig();
- const navigate = useNavigate();
-
- const formik = useFormik({
- initialValues: {
- projectName: initialProjectName || '',
- },
- validate: values => {
- const formErrors: FormikErrors = {};
- if (!values.projectName) {
- formErrors.projectName = 'You must provide a name.';
- }
- return formErrors;
- },
- onSubmit: async ({ projectName }: FormValues, { setSubmitting, setErrors }) => {
- setSubmitting(true);
- if (projectName == undefined) {
- setSubmitting(false);
- return;
- }
- try {
- await new ProjectsApi(config).updateProject(projectId.toString(), { name: projectName });
- fetchAndSelectProject(config, projectId);
- toast.success(`Updated project ${projectName} successfully`);
- } catch (e) {
- if (e instanceof AxiosError) {
- if (e.response) {
- const errorData = e.response.data;
-
- // Handle model field errors
- const formikErrors: FormikErrors = {};
- for (const field in errorData) {
- if (field in formik.initialValues) {
- formikErrors[field as keyof FormValues] = errorData[field].join(', ');
- } else {
- // If it's a general error or an error for a field not in your form
- console.error(`Error: ${errorData[field].join(', ')}`);
- toast.error('Something went wrong when updating the project.');
- }
- }
- setErrors(formikErrors);
-
- // For general errors
- if (errorData.detail) {
- console.error(`General error: ${errorData.detail}`);
- toast.error('Something went wrong when updating the project.');
- }
- }
- } else {
- // Some other error
- console.error(e);
- }
- } finally {
- setSubmitting(false);
- }
- },
- });
-
- useEffect(() => {
- // this is to prevent infinite re-render cycle
- if (formik.values.projectName !== initialProjectName) {
- formik.setFieldValue('projectName', initialProjectName);
- }
- }, [initialProjectName]);
-
- const deleteProject = async (id: string, onDelete?: () => void) => {
- setLoading(true);
- try {
- const response = await new ProjectsApi(config).destroyProject(id);
- fetchAndSelectProject(config);
- onDelete?.();
- navigate('/flows');
- } catch (error) {
- toast.error('An error occurred when trying to delete this project');
- } finally {
- setLoading(false);
- }
- };
-
- return {
- formik,
- loading,
- deleteProject,
- };
-};
-
-export default useSettings;
diff --git a/frontend/src/features/projects/index.ts b/frontend/src/features/projects/index.ts
deleted file mode 100644
index 693da49..0000000
--- a/frontend/src/features/projects/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export {}
\ No newline at end of file
diff --git a/frontend/src/features/projects/pages/ProjectSettings.tsx b/frontend/src/features/projects/pages/ProjectSettings.tsx
deleted file mode 100644
index a984950..0000000
--- a/frontend/src/features/projects/pages/ProjectSettings.tsx
+++ /dev/null
@@ -1,130 +0,0 @@
-import { ProjectMembersInner, ProjectMembersInnerTypeEnum } from 'api';
-import { CopyInput, TextInput } from 'components/inputs';
-import { MainButton, OutlineButton, TextButton } from 'components/buttons';
-import { MembersTable } from 'components/tables';
-import { useProjectsStore } from 'features/projects/stores/useProjectsStore';
-import { MdAdd, MdSave } from 'react-icons/md';
-import useSettings from '../hooks/useProjectSettings';
-import toast from 'react-hot-toast';
-import { useShallow } from 'zustand/react/shallow';
-import { useEffect } from 'react';
-
-type UserData = {
- email: string;
- name: string;
- role: string;
-};
-
-const Settings = () => {
- const selectedProject = useProjectsStore(useShallow(state => state.selectedProject));
- // TODO: Refactor this horrendous null check rubbish
- const { formik, deleteProject } = useSettings(
- selectedProject.state == 'hasData'
- ? {
- projectId: selectedProject.data?.id ?? 0,
- projectName: selectedProject?.data.name,
- }
- : { projectId: 0, projectName: '' },
- );
-
- // TODO: If there is no selected project, display an error on the page.
- // There needs to be a selected project before page is loaded.
-
- // Convert selectedProject.data.members to UserData format
- const convertMembersToUserData = (
- members: Array | undefined,
- ): UserData[] => {
- return (
- members?.map(member => ({
- email: member.user.email,
- name: `${member.user.first_name || ''} ${member.user.last_name || ''}`.trim(),
- role: member.type === ProjectMembersInnerTypeEnum.Adm ? 'Admin' : 'Member',
- })) || []
- );
- };
-
- return (
- ;
- projects: ApiState;
-}
-interface Actions {
- fetchProjects: (config: Configuration) => void;
- setSelectedProject: (projectId: number) => void;
- fetchAndSelectProject: (config: Configuration, projectId?: number) => void;
- createProject: (name: string, config: Configuration) => void;
-}
-
-export const useProjectsStore = create()(
- subscribeWithSelector((set, get) => ({
- selectedProject: ApiState.initial(),
- projects: ApiState.initial(),
- fetchProjects: (config: Configuration) => {
- set(state => ({ projects: ApiState.loading() }));
- new ProjectsApi(config)
- .listProjects()
- .then(res => set(state => ({ projects: ApiState.hasData(res.data) })))
- .catch(err => set(state => ({ projects: ApiState.hasError(err) })));
- },
- setSelectedProject: (projectId: number) => {
- const currentProjects = get().projects;
- if (currentProjects.state == 'hasData' || currentProjects.state == 'hasDataWithError') {
- const proj = currentProjects.data.find(project => project.id == projectId);
- if (proj) {
- set(state => ({ selectedProject: ApiState.hasData(proj) }));
- }
- }
- },
- fetchAndSelectProject: (config: Configuration, projectId?: number) => {
- set(state => ({ projects: ApiState.loading() }));
- new ProjectsApi(config)
- .listProjects()
- .then(res => {
- const index =
- projectId == undefined ? 0 : res.data.findIndex(project => project.id == projectId);
- return set(state => ({
- projects: ApiState.hasData(res.data),
- selectedProject: ApiState.hasData(res.data[index]),
- }));
- })
- .catch(err => set(state => ({ projects: ApiState.hasError(err) })));
- },
- createProject: async (name: string, config: Configuration) => {
- const res = await new ProjectsApi(config).createProject({ name: name });
- set(state => ({ selectedProject: ApiState.hasData(res.data) }));
- get().fetchProjects(config);
- },
- })),
-);
diff --git a/frontend/src/index.css b/frontend/src/index.css
deleted file mode 100644
index e109a7e..0000000
--- a/frontend/src/index.css
+++ /dev/null
@@ -1,34 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@700;800;900&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0');
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
- html {
- margin: 0;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
-}
-
-@keyframes in {
- from {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
-}
-
-@keyframes out {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- }
-}
diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx
deleted file mode 100644
index 032464f..0000000
--- a/frontend/src/index.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import './index.css';
-import App from './App';
-import reportWebVitals from './reportWebVitals';
-
-const root = ReactDOM.createRoot(
- document.getElementById('root') as HTMLElement
-);
-root.render(
-
-
-);
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
diff --git a/frontend/src/logo.svg b/frontend/src/logo.svg
deleted file mode 100644
index 9dfc1c0..0000000
--- a/frontend/src/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/frontend/src/pages/Authentication/index.ts b/frontend/src/pages/Authentication/index.ts
deleted file mode 100644
index cd9c47d..0000000
--- a/frontend/src/pages/Authentication/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import Login from './login';
-
-export default Login;
diff --git a/frontend/src/pages/Authentication/login.tsx b/frontend/src/pages/Authentication/login.tsx
deleted file mode 100644
index 693df7b..0000000
--- a/frontend/src/pages/Authentication/login.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import LargeLogo from 'assets/images/Logo Large.svg';
-import Button from 'components/button';
-import TextInput from 'components/textInput';
-import useLogin from './useLogin';
-import { Link } from 'react-router-dom';
-
-const Login = () => {
- const { formik } = useLogin();
-
- return (
- ,
- children: [
- { path: '/', element:
-
- );
-};
-
-export default SelectableHeader;
diff --git a/frontend/src/features/people/components/table/index.tsx b/frontend/src/features/people/components/table/index.tsx
deleted file mode 100644
index bdbe31f..0000000
--- a/frontend/src/features/people/components/table/index.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-import {
- ColumnDef,
- RowSelectionState,
- Updater,
- createColumnHelper,
- flexRender,
- getCoreRowModel,
- useReactTable,
-} from '@tanstack/react-table';
-import { useMemo } from 'react';
-import PropertyHeader from './headers/PropertyHeader';
-import EditableCell from './cells/EditableCell';
-import AddPropertyHeader from './headers/AddPropertyHeader';
-import { usePeopleStore } from 'features/people/stores/usePeopleStore';
-import SelectableHeader from './headers/SelectableHeader';
-import SelectableCell from './cells/SelectableCell';
-
-interface TableProps {
- className?: string;
-}
-
-const Table = ({ className }: TableProps) => {
- const propertyDefs = usePeopleStore(state => state.propertyDefinitions);
- const data = usePeopleStore(state => state.data);
- const updateData = usePeopleStore(state => state.updateData);
-
- const columns = useMemo(() => {
- const columnHelper = createColumnHelper
-
- );
-};
-
-export default Table;
diff --git a/frontend/src/features/people/index.ts b/frontend/src/features/people/index.ts
deleted file mode 100644
index 693da49..0000000
--- a/frontend/src/features/people/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export {}
\ No newline at end of file
diff --git a/frontend/src/features/people/pages/People.tsx b/frontend/src/features/people/pages/People.tsx
deleted file mode 100644
index 4ce45ca..0000000
--- a/frontend/src/features/people/pages/People.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import { ExtendedMainButton, TextButton } from 'components/buttons';
-import { SegmentSelector, SelectedRowsBar, Table } from '../components';
-import { MdAdd, MdConstruction } from 'react-icons/md';
-import { usePeopleStore } from '../stores/usePeopleStore';
-import { SoonLabel } from 'components';
-import { useEffect, useRef } from 'react';
-import { useProjectsStore } from 'features/projects/stores/useProjectsStore';
-import { isHasData } from 'api/utils';
-
-const People = () => {
- const addRow = usePeopleStore(state => state.addRow);
- const selectedRowCount = usePeopleStore(
- state => Object.values(state.rowSelection || {}).filter(value => value).length,
- );
-
- const destroy = usePeopleStore(state => state.destroy);
- const setupSocket = usePeopleStore(state => state.setupSocket);
- useEffect(() => {
- // We track changes to the select project as we need the api_key in our socket connection
- const unsubscribe = useProjectsStore.subscribe(
- state => state.selectedProject,
- (selectedProjectState, prevSelectedProjectState) => {
- if (isHasData(selectedProjectState) && !!selectedProjectState.data.api_key) {
- const socketUrl = `ws://localhost:8001/ws/people/?api_key=${selectedProjectState.data.api_key}`;
- setupSocket(socketUrl);
- }
- },
- { fireImmediately: true },
- );
-
- return () => {
- destroy();
- unsubscribe();
- };
- }, [destroy, setupSocket]);
-
- return (
-
- {tableInstance.getHeaderGroups().map(headerGroup => (
-
-
- {headerGroup.headers.map(header =>
- header.isPlaceholder
- ? null
- : flexRender(header.column.columnDef.header, header.getContext()),
- )}
-
- ))}
-
- {tableInstance.getRowModel().rows.map(row => (
-
-
- {row
- .getVisibleCells()
- .map(cell => flexRender(cell.column.columnDef.cell, cell.getContext()))}
-
- ))}
-
-
- );
-};
-
-export default People;
diff --git a/frontend/src/features/people/pages/index.ts b/frontend/src/features/people/pages/index.ts
deleted file mode 100644
index 1b10b46..0000000
--- a/frontend/src/features/people/pages/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as People } from './People';
\ No newline at end of file
diff --git a/frontend/src/features/people/stores/usePeopleStore.ts b/frontend/src/features/people/stores/usePeopleStore.ts
deleted file mode 100644
index f74e63c..0000000
--- a/frontend/src/features/people/stores/usePeopleStore.ts
+++ /dev/null
@@ -1,145 +0,0 @@
-import { RowSelectionState } from '@tanstack/react-table';
-import { produce } from 'immer';
-import { create } from 'zustand';
-import { subscribeWithSelector } from 'zustand/middleware';
-
-export interface PropertyDefinition {
- id: string;
- accessor: string;
- header: string;
- type?: string;
-}
-
-interface State {
- propertyDefinitions: Record
-
- Segments
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {(() => {
- switch (selectedProject.state) {
- case 'loading':
- //TODO: Better loading experience
- return
- );
-};
-export default Settings;
diff --git a/frontend/src/features/projects/stores/useProjectsStore.ts b/frontend/src/features/projects/stores/useProjectsStore.ts
deleted file mode 100644
index 3026509..0000000
--- a/frontend/src/features/projects/stores/useProjectsStore.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Configuration, Project, ProjectsApi } from 'api';
-import { ApiState } from 'api/utils';
-import { create } from 'zustand';
-import { subscribeWithSelector } from 'zustand/middleware';
-
-interface State {
- selectedProject: ApiStateLoading...
; // Just an example
- case 'hasData': {
- const membersData = convertMembersToUserData(selectedProject.data.members);
-
- return (
-
-
- );
- }
- case 'hasError':
- //TODO: Toast error message and navigate away (probs to / route)
- return
-
-
-
- Members
-Manage the members of your project.
-
-
- await deleteProject(selectedProject.data.id?.toString() ?? '', () =>
- toast.success('Project deleted successfully'),
- )
- }
- />
-
-
-
- Danger Zone
-- Delete your project and all associated data. -
-Error encountered
; // Render the error
- case 'hasDataWithError':
- return Data loaded but with error
; // Handle this case as well
- default:
- return null; // Handle default case, if needed
- }
- })()}
-
- 
-
- );
-};
-
-export default Login;
diff --git a/frontend/src/pages/Authentication/useLogin.ts b/frontend/src/pages/Authentication/useLogin.ts
deleted file mode 100644
index acca35f..0000000
--- a/frontend/src/pages/Authentication/useLogin.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import useAuthentication from 'api/auth/useAuthentication';
-import { useFormik } from 'formik';
-import { useNavigate } from 'react-router';
-
-interface FormValues {
- email?: string;
- password?: string;
-}
-
-const useLogin = () => {
- const { login, authenticating, errorAlert, setErrorAlert } = useAuthentication();
- const navigate = useNavigate();
-
- const formik = useFormik({
- initialValues: {
- email: '',
- password: '',
- },
- onSubmit: ({email, password} : FormValues ) => {
- if (email && password) {
- login({ email, password }).then(res => {
- if (res?.success) navigate('/');
- else setErrorAlert(res?.errors[0]);
- });
- }
- },
- });
-
- return {
- formik,
- };
-};
-
-export default useLogin;
diff --git a/frontend/src/pages/flows/index.tsx b/frontend/src/pages/flows/index.tsx
deleted file mode 100644
index fbf4fb0..0000000
--- a/frontend/src/pages/flows/index.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-const Flows = () => {
- return
-
-
-
- Welcome Back!
- -
- Forgot Password?
-
-
- - Don't Have an account?{' '} - - Register - -
- Flows page.
;
-};
-
-export default Flows;
diff --git a/frontend/src/pages/index.ts b/frontend/src/pages/index.ts
deleted file mode 100644
index cb0ff5c..0000000
--- a/frontend/src/pages/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export {};
diff --git a/frontend/src/pages/root/index.tsx b/frontend/src/pages/root/index.tsx
deleted file mode 100644
index 8f34430..0000000
--- a/frontend/src/pages/root/index.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import { useApiConfig } from 'api';
-import SidebarMenu from 'components/sidebarMenu';
-import { useProjectsStore } from 'features/projects/stores/useProjectsStore';
-import { useEffect } from 'react';
-import { Outlet, useNavigate } from 'react-router-dom';
-
-const Root = () => {
- const { config } = useApiConfig();
- const { projects, fetchAndSelectProject, setSelectedProject } = useProjectsStore();
- const navigate = useNavigate();
-
- useEffect(() => {
- fetchAndSelectProject(config);
- }, [fetchAndSelectProject, config]);
-
- return (
-
- {(() => {
- switch (projects.state) {
- case 'loading':
- return {
- return {
- id: project.id!,
- name: project.name,
- selected: project.id == 1 ? true : false,
- onSettingsClick: proj => {
- setSelectedProject(proj.id);
- navigate('/settings');
- },
- };
- })}
- />
-
- );
-};
-
-export default Root;
diff --git a/frontend/src/pages/test/index.tsx b/frontend/src/pages/test/index.tsx
deleted file mode 100644
index fae8a23..0000000
--- a/frontend/src/pages/test/index.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-const TestPage = () => (
- Loading...
; // Just an example
- case 'hasData':
- return (
- <>
- Error encountered
; // Render the error
- case 'hasDataWithError':
- return Data loaded but with error
; // Handle this case as well
- default:
- return null; // Handle default case, if needed
- }
- })()}
-
-
-);
-
-export default TestPage;
diff --git a/frontend/src/react-app-env.d.ts b/frontend/src/react-app-env.d.ts
deleted file mode 100644
index 6431bc5..0000000
--- a/frontend/src/react-app-env.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-/// Test Page
-
-
-);
-
-export default NotFound;
diff --git a/frontend/src/routes/ProtectedRoute.tsx b/frontend/src/routes/ProtectedRoute.tsx
deleted file mode 100644
index e69f433..0000000
--- a/frontend/src/routes/ProtectedRoute.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import React, { useEffect } from 'react';
-import { useAuthentication } from 'api';
-
-import { useCookies } from 'react-cookie';
-import { Navigate } from 'react-router-dom';
-
-
-const ProtectedRoute = ({ children }: { children: React.ReactNode }) => {
- const { checkAuth } = useAuthentication();
- const [cookies] = useCookies(['refreshToken']);
-
- useEffect(() => {
- checkAuth();
- }, [checkAuth]);
-
- if (!cookies.refreshToken) {
- return