Refactored intl messages.

components/pages/settings/users/UserWebsites.js

@@ -0,0 +1,25 @@
+import { Loading } from 'react-basics';
+import { useIntl } from 'react-intl';
+import useApi from 'hooks/useApi';
+import WebsitesTable from 'components/pages/settings/websites/WebsitesTable';
+import { messages } from 'components/messages';
+
+export default function UserWebsites({ userId }) {
+  const { formatMessage } = useIntl();
+  const { get, useQuery } = useApi();
+  const { data, isLoading } = useQuery(['user/websites', userId], () =>
+    get(`/users/${userId}/websites`),
+  );
+  const hasData = data && data.length !== 0;
+
+  if (isLoading) {
+    return <Loading icon="dots" position="block" />;
+  }
+
+  return (
+    <div>
+      {hasData && <WebsitesTable data={data} />}
+      {!hasData && formatMessage(messages.noData)}
+    </div>
+  );
+}