Moved code into src folder. Added build for component library.

2023-08-21 02:06:09 -07:00
parent 7a7233ead4
commit ede658771e
490 changed files with 749 additions and 442 deletions
@@ -0,0 +1,79 @@
+import Page from 'components/layout/Page';
+import PageHeader from 'components/layout/PageHeader';
+import WebsiteAddForm from 'components/pages/settings/websites/WebsiteAddForm';
+import WebsitesTable from 'components/pages/settings/websites/WebsitesTable';
+import useApi from 'components/hooks/useApi';
+import useApiFilter from 'components/hooks/useApiFilter';
+import useMessages from 'components/hooks/useMessages';
+import useUser from 'components/hooks/useUser';
+import { ROLES } from 'lib/constants';
+import { Button, Icon, Icons, Modal, ModalTrigger, Text, useToasts } from 'react-basics';
+
+export function WebsitesList({
+  showTeam,
+  showEditButton = true,
+  showHeader = true,
+  includeTeams,
+  onlyTeams,
+  fetch,
+}) {
+  const { formatMessage, labels, messages } = useMessages();
+  const { user } = useUser();
+
+  const { filter, page, pageSize, handleFilterChange, handlePageChange, handlePageSizeChange } =
+    useApiFilter();
+  const { get, useQuery } = useApi();
+  const { data, isLoading, error, refetch } = useQuery(
+    ['websites', fetch, user?.id, filter, page, pageSize, includeTeams, onlyTeams],
+    () =>
+      get(`/users/${user?.id}/websites`, {
+        filter,
+        page,
+        pageSize,
+        includeTeams,
+        onlyTeams,
+      }),
+    { enabled: !!user },
+  );
+  const { showToast } = useToasts();
+
+  const handleSave = async () => {
+    await refetch();
+    showToast({ message: formatMessage(messages.saved), variant: 'success' });
+  };
+
+  const addButton = (
+    <>
+      {user.role !== ROLES.viewOnly && (
+        <ModalTrigger>
+          <Button variant="primary">
+            <Icon>
+              <Icons.Plus />
+            </Icon>
+            <Text>{formatMessage(labels.addWebsite)}</Text>
+          </Button>
+          <Modal title={formatMessage(labels.addWebsite)}>
+            {close => <WebsiteAddForm onSave={handleSave} onClose={close} />}
+          </Modal>
+        </ModalTrigger>
+      )}
+    </>
+  );
+
+  return (
+    <Page loading={isLoading} error={error}>
+      {showHeader && <PageHeader title={formatMessage(labels.websites)}>{addButton}</PageHeader>}
+      <WebsitesTable
+        data={data}
+        showTeam={showTeam}
+        showEditButton={showEditButton}
+        onFilterChange={handleFilterChange}
+        onPageChange={handlePageChange}
+        onPageSizeChange={handlePageSizeChange}
+        filterValue={filter}
+      />
+    </Page>
+  );
+}
+
+export default WebsitesList;