Refactored exports.

components/pages/settings/teams/TeamAddForm.js

@@ -11,7 +11,7 @@ import {
 import useApi from 'hooks/useApi';
 import useMessages from 'hooks/useMessages';
 
-export default function TeamAddForm({ onSave, onClose }) {
+export function TeamAddForm({ onSave, onClose }) {
   const { formatMessage, labels } = useMessages();
   const { post, useMutation } = useApi();
   const { mutate, error, isLoading } = useMutation(data => post('/teams', data));
@@ -44,3 +44,5 @@ export default function TeamAddForm({ onSave, onClose }) {
     </Form>
   );
 }
+
+export default TeamAddForm;

components/pages/settings/teams/TeamAddWebsiteForm.js

@@ -4,7 +4,7 @@ import { Button, Dropdown, Form, FormButtons, FormRow, Item, SubmitButton } from
 import WebsiteTags from './WebsiteTags';
 import useMessages from 'hooks/useMessages';
 
-export default function TeamAddWebsiteForm({ teamId, onSave, onClose }) {
+export function TeamAddWebsiteForm({ teamId, onSave, onClose }) {
   const { formatMessage, labels } = useMessages();
   const { get, post, useQuery, useMutation } = useApi();
   const { mutate, error } = useMutation(data => post(`/teams/${teamId}/websites`, data));
@@ -59,3 +59,5 @@ export default function TeamAddWebsiteForm({ teamId, onSave, onClose }) {
     </>
   );
 }
+
+export default TeamAddWebsiteForm;

components/pages/settings/teams/TeamDeleteForm.js

@@ -2,7 +2,7 @@ import { Button, Form, FormButtons, SubmitButton } from 'react-basics';
 import useApi from 'hooks/useApi';
 import useMessages from 'hooks/useMessages';
 
-export default function TeamDeleteForm({ teamId, teamName, onSave, onClose }) {
+export function TeamDeleteForm({ teamId, teamName, onSave, onClose }) {
   const { formatMessage, labels, messages, FormattedMessage } = useMessages();
   const { del, useMutation } = useApi();
   const { mutate, error, isLoading } = useMutation(data => del(`/teams/${teamId}`, data));
@@ -30,3 +30,5 @@ export default function TeamDeleteForm({ teamId, teamName, onSave, onClose }) {
     </Form>
   );
 }
+
+export default TeamDeleteForm;

components/pages/settings/teams/TeamEditForm.js

@@ -15,7 +15,7 @@ import useMessages from 'hooks/useMessages';
 
 const generateId = () => getRandomChars(16);
 
-export default function TeamEditForm({ teamId, data, onSave, readOnly }) {
+export function TeamEditForm({ teamId, data, onSave, readOnly }) {
   const { formatMessage, labels } = useMessages();
   const { post, useMutation } = useApi();
   const { mutate, error } = useMutation(data => post(`/teams/${teamId}`, data));
@@ -69,3 +69,5 @@ export default function TeamEditForm({ teamId, data, onSave, readOnly }) {
     </Form>
   );
 }
+
+export default TeamEditForm;

components/pages/settings/teams/TeamJoinForm.js

@@ -11,7 +11,7 @@ import {
 import useApi from 'hooks/useApi';
 import useMessages from 'hooks/useMessages';
 
-export default function TeamJoinForm({ onSave, onClose }) {
+export function TeamJoinForm({ onSave, onClose }) {
   const { formatMessage, labels, getMessage } = useMessages();
   const { post, useMutation } = useApi();
   const { mutate, error } = useMutation(data => post('/teams/join', data));
@@ -40,3 +40,5 @@ export default function TeamJoinForm({ onSave, onClose }) {
     </Form>
   );
 }
+
+export default TeamJoinForm;

components/pages/settings/teams/TeamLeaveForm.js

@@ -2,7 +2,7 @@ import { Button, Form, FormButtons, SubmitButton } from 'react-basics';
 import useApi from 'hooks/useApi';
 import useMessages from 'hooks/useMessages';
 
-export default function TeamLeaveForm({ teamId, userId, teamName, onSave, onClose }) {
+export function TeamLeaveForm({ teamId, userId, teamName, onSave, onClose }) {
   const { formatMessage, labels, messages, FormattedMessage } = useMessages();
   const { del, useMutation } = useApi();
   const { mutate, error, isLoading } = useMutation(() => del(`/team/${teamId}/users/${userId}`));
@@ -33,3 +33,5 @@ export default function TeamLeaveForm({ teamId, userId, teamName, onSave, onClos
     </Form>
   );
 }
+
+export default TeamLeaveForm;

components/pages/settings/teams/TeamMemberRemoveButton.js

@@ -2,7 +2,7 @@ import useApi from 'hooks/useApi';
 import useMessages from 'hooks/useMessages';
 import { Icon, Icons, LoadingButton, Text } from 'react-basics';
 
-export default function TeamMemberRemoveButton({ teamId, userId, disabled, onSave }) {
+export function TeamMemberRemoveButton({ teamId, userId, disabled, onSave }) {
   const { formatMessage, labels } = useMessages();
   const { del, useMutation } = useApi();
   const { mutate, isLoading } = useMutation(() => del(`/team/${teamId}/users/${userId}`));
@@ -27,3 +27,5 @@ export default function TeamMemberRemoveButton({ teamId, userId, disabled, onSav
     </LoadingButton>
   );
 }
+
+export default TeamMemberRemoveButton;

components/pages/settings/teams/TeamMembers.js

@@ -3,7 +3,7 @@ import TeamMembersTable from 'components/pages/settings/teams/TeamMembersTable';
 import useApi from 'hooks/useApi';
 import useMessages from 'hooks/useMessages';
 
-export default function TeamMembers({ teamId, readOnly }) {
+export function TeamMembers({ teamId, readOnly }) {
   const { toast, showToast } = useToast();
   const { get, useQuery } = useApi();
   const { formatMessage, messages } = useMessages();
@@ -27,3 +27,5 @@ export default function TeamMembers({ teamId, readOnly }) {
     </>
   );
 }
+
+export default TeamMembers;

components/pages/settings/teams/TeamMembersTable.js

@@ -4,7 +4,7 @@ import { ROLES } from 'lib/constants';
 import TeamMemberRemoveButton from './TeamMemberRemoveButton';
 import SettingsTable from 'components/common/SettingsTable';
 
-export default function TeamMembersTable({ data = [], onSave, readOnly }) {
+export function TeamMembersTable({ data = [], onSave, readOnly }) {
   const { formatMessage, labels } = useMessages();
   const { user } = useUser();
 
@@ -43,3 +43,5 @@ export default function TeamMembersTable({ data = [], onSave, readOnly }) {
     </SettingsTable>
   );
 }
+
+export default TeamMembersTable;

components/pages/settings/teams/TeamSettings.js

@@ -11,7 +11,7 @@ import TeamEditForm from './TeamEditForm';
 import TeamMembers from './TeamMembers';
 import TeamWebsites from './TeamWebsites';
 
-export default function TeamSettings({ teamId }) {
+export function TeamSettings({ teamId }) {
   const { formatMessage, labels, messages } = useMessages();
   const { user } = useUser();
   const [values, setValues] = useState(null);
@@ -68,3 +68,5 @@ export default function TeamSettings({ teamId }) {
     </Page>
   );
 }
+
+export default TeamSettings;

components/pages/settings/teams/TeamWebsiteRemoveButton.js

@@ -2,7 +2,7 @@ import useApi from 'hooks/useApi';
 import useMessages from 'hooks/useMessages';
 import { Icon, Icons, LoadingButton, Text } from 'react-basics';
 
-export default function TeamWebsiteRemoveButton({ teamId, websiteId, onSave }) {
+export function TeamWebsiteRemoveButton({ teamId, websiteId, onSave }) {
   const { formatMessage, labels } = useMessages();
   const { del, useMutation } = useApi();
   const { mutate, isLoading } = useMutation(() => del(`/teams/${teamId}/websites/${websiteId}`));
@@ -27,3 +27,5 @@ export default function TeamWebsiteRemoveButton({ teamId, websiteId, onSave }) {
     </LoadingButton>
   );
 }
+
+export default TeamWebsiteRemoveButton;

components/pages/settings/teams/TeamWebsites.js

@@ -14,7 +14,7 @@ import TeamAddWebsiteForm from 'components/pages/settings/teams/TeamAddWebsiteFo
 import useApi from 'hooks/useApi';
 import useMessages from 'hooks/useMessages';
 
-export default function TeamWebsites({ teamId }) {
+export function TeamWebsites({ teamId }) {
   const { toast, showToast } = useToast();
   const { formatMessage, labels, messages } = useMessages();
   const { get, useQuery } = useApi();
@@ -54,3 +54,5 @@ export default function TeamWebsites({ teamId }) {
     </div>
   );
 }
+
+export default TeamWebsites;

components/pages/settings/teams/TeamWebsitesTable.js

@@ -6,7 +6,7 @@ import TeamWebsiteRemoveButton from './TeamWebsiteRemoveButton';
 import SettingsTable from 'components/common/SettingsTable';
 import useConfig from 'hooks/useConfig';
 
-export default function TeamWebsitesTable({ data = [], onSave }) {
+export function TeamWebsitesTable({ data = [], onSave }) {
   const { formatMessage, labels } = useMessages();
   const { openExternal } = useConfig();
   const { user } = useUser();
@@ -51,3 +51,5 @@ export default function TeamWebsitesTable({ data = [], onSave }) {
     </SettingsTable>
   );
 }
+
+export default TeamWebsitesTable;

components/pages/settings/teams/TeamsList.js

@@ -6,7 +6,7 @@ import PageHeader from 'components/layout/PageHeader';
 import TeamsTable from 'components/pages/settings/teams/TeamsTable';
 import Page from 'components/layout/Page';
 import Icons from 'components/icons';
-import TeamJoinForm from './JoinTeamForm';
+import TeamJoinForm from './TeamJoinForm';
 import useApi from 'hooks/useApi';
 import useMessages from 'hooks/useMessages';
 

components/pages/settings/teams/TeamsTable.js

@@ -8,7 +8,7 @@ import { ROLES } from 'lib/constants';
 import SettingsTable from 'components/common/SettingsTable';
 import useLocale from 'hooks/useLocale';
 
-export default function TeamsTable({ data = [], onDelete }) {
+export function TeamsTable({ data = [], onDelete }) {
   const { formatMessage, labels } = useMessages();
   const { user } = useUser();
   const { dir } = useLocale();
@@ -90,3 +90,5 @@ export default function TeamsTable({ data = [], onDelete }) {
     </SettingsTable>
   );
 }
+
+export default TeamsTable;

components/pages/settings/teams/WebsiteTags.js

@@ -1,7 +1,7 @@
 import { Button, Icon, Icons, Text } from 'react-basics';
 import styles from './WebsiteTags.module.css';
 
-export default function WebsiteTags({ items = [], websites = [], onClick }) {
+export function WebsiteTags({ items = [], websites = [], onClick }) {
   if (websites.length === 0) {
     return null;
   }
@@ -27,3 +27,5 @@ export default function WebsiteTags({ items = [], websites = [], onClick }) {
     </div>
   );
 }
+
+export default WebsiteTags;