@bigbinary/neeto-github-frontend 1.0.24 → 1.0.26

package/dist/index.js

@@ -13,7 +13,6 @@ import { Button, Typography, Pane } from '@bigbinary/neetoui';
 import { Github } from '@bigbinary/neeto-icons/misc';
 import { isPresent, findBy, noop } from '@bigbinary/neeto-cist';
 import Search from '@bigbinary/neeto-molecules/Search';
-import Scrollable from '@bigbinary/neeto-molecules/Scrollable';
 import DateFormat from '@bigbinary/neeto-molecules/DateFormat';
 import require$$0 from 'util';
 
@@ -257,7 +256,9 @@ var NoRepositories = withT(function (_ref) {
     installationUrl = _ref.installationUrl,
     troubleshootUrl = _ref.troubleshootUrl;
   return /*#__PURE__*/React.createElement("div", {
-    className: "flex w-full max-w-sm flex-col items-center justify-center space-y-4 text-center"
+    className: "flex items-center justify-center py-6"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "mx-auto flex w-full max-w-sm flex-col items-center justify-center space-y-4 py-4 text-center"
   }, /*#__PURE__*/React.createElement(Typography, {
     style: "body2"
   }, t("neetoGithub.noReposDescription")), /*#__PURE__*/React.createElement(Button, {
@@ -270,7 +271,7 @@ var NoRepositories = withT(function (_ref) {
   }), /*#__PURE__*/React.createElement("div", {
     className: "text-xs"
   }, /*#__PURE__*/React.createElement(Trans, {
-    i18nKey: "troubleshoot",
+    i18nKey: t("neetoGithub.troubleshoot"),
     components: {
       troubleshootLink: /*#__PURE__*/React.createElement("a", {
         className: "text-indigo-600 underline",
@@ -279,7 +280,7 @@ var NoRepositories = withT(function (_ref) {
         target: "_blank"
       })
     }
-  })));
+  }))));
 });
 
 var RepositoryTile = function RepositoryTile(_ref) {
@@ -297,7 +298,7 @@ var RepositoryTile = function RepositoryTile(_ref) {
     isPrivate = repository.isPrivate,
     updatedAt = repository.updatedAt;
   return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-border-gray-300 flex items-center justify-between border-b border-l-0 border-r-0 border-t-0 border-solid py-3 pl-5 pr-3",
+    className: "neeto-ui-border-gray-300 flex items-center justify-between border-b border-solid py-3 pl-5 pr-3 last:border-b-0",
     key: id
   }, /*#__PURE__*/React.createElement("div", {
     className: "width-calc flex items-center space-x-2"
@@ -310,7 +311,7 @@ var RepositoryTile = function RepositoryTile(_ref) {
   }), /*#__PURE__*/React.createElement("div", {
     className: "hidden md:inline-block"
   }, /*#__PURE__*/React.createElement(Typography, {
-    className: "neeto-ui-text-gray-900 mx-2 text-lg",
+    className: "neeto-ui-text-gray-900 mr-2 text-lg",
     component: "span",
     style: "h2"
   }, "\u2022"), /*#__PURE__*/React.createElement(DateFormat.FromNow, {
@@ -339,9 +340,14 @@ var List = withT(function (_ref) {
     installationUrl = _ref.installationUrl,
     troubleshootUrl = _ref.troubleshootUrl;
   return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-border-gray-300 neeto-ui-rounded-md m-0 flex flex-col items-center justify-center border border-solid p-0"
-  }, isPresent(repositories) ? /*#__PURE__*/React.createElement(Scrollable, {
-    className: "m-0 h-full w-full overflow-y-scroll p-0 shadow-inner"
+    className: "h-full overflow-y-scroll px-6 pb-6"
+  }, isPresent(repositories) ? /*#__PURE__*/React.createElement("div", {
+    className: classNames("neeto-ui-border-gray-300 neeto-ui-rounded-md flex flex-col items-center justify-center border", {
+      "h-auto": isPresent(filteredRepositories),
+      "h-full": !isPresent(filteredRepositories)
+    })
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "m-0 h-full w-full p-0"
   }, isPresent(filteredRepositories) ? filteredRepositories.map(function (repository, index) {
     return /*#__PURE__*/React.createElement(RepositoryTile, {
       isConnecting: isConnecting,
@@ -352,7 +358,7 @@ var List = withT(function (_ref) {
   }) : /*#__PURE__*/React.createElement(Typography, {
     className: "flex h-full w-full items-center justify-center",
     style: "body2"
-  }, t("neetoGithub.noRepos"))) : /*#__PURE__*/React.createElement(NoRepositories, {
+  }, t("neetoGithub.noRepos")))) : /*#__PURE__*/React.createElement(NoRepositories, {
     installationUrl: installationUrl,
     troubleshootUrl: troubleshootUrl
   }));
@@ -402,13 +408,13 @@ var Private = function Private(_ref) {
     setFilteredRepositories(filteredRepositories);
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "connect-repo"
-  }, isConnected && /*#__PURE__*/React.createElement(Typography, {
-    className: "mb-2 pb-5 text-lg font-medium",
+    className: "connect-repo flex h-full flex-col"
+  }, isConnected ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "space-y-3 p-6"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    className: "flex-shrink-0 text-lg font-medium",
     style: "h2"
-  }, t("neetoGithub.connectARepo")), isConnected ? /*#__PURE__*/React.createElement("div", {
-    className: "flex w-full flex-col space-y-6"
-  }, /*#__PURE__*/React.createElement(Search, {
+  }, t("neetoGithub.connectARepo")), isPresent(repositories) && /*#__PURE__*/React.createElement(Search, {
     onSearch: onSearch,
     className: "w-full",
     unlimitedChars: false,
@@ -417,17 +423,19 @@ var Private = function Private(_ref) {
     }, t("neetoGithub.countOf.repos", {
       count: filteredRepositories.length
     }))
-  }), /*#__PURE__*/React.createElement(List, {
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "flex min-h-0 w-full flex-grow flex-col space-y-6"
+  }, /*#__PURE__*/React.createElement(List, {
     filteredRepositories: filteredRepositories,
     installationUrl: installationUrl,
     isConnecting: isConnecting,
     onConnect: onConnect,
     repositories: repositories,
     troubleshootUrl: troubleshootUrl
-  })) : /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-text-gray-900 font-sans text-sm font-normal leading-6 antialiased"
+  }))) : /*#__PURE__*/React.createElement("div", {
+    className: "neeto-ui-text-gray-900 flex-grow font-sans text-sm font-normal leading-6 antialiased"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-rounded-md neeto-ui-border-gray-300 m-0 flex h-[366px] flex-col items-center justify-center border border-solid p-4 shadow-inner"
+    className: "flex h-full flex-col items-center justify-center p-4"
   }, /*#__PURE__*/React.createElement(NotConnected, {
     installationUrl: installationUrl
   }))));
@@ -441,7 +449,7 @@ var Repositories = function Repositories(_ref) {
     installationUrl = _ref.installationUrl,
     troubleshootUrl = _ref.troubleshootUrl;
   return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-rounded-md neeto-ui-border-gray-300 h-full w-full space-y-6 overflow-y-auto border border-solid px-8 py-7"
+    className: "neeto-ui-rounded-md neeto-ui-border-gray-300 h-full w-full space-y-6 border border-solid"
   }, /*#__PURE__*/React.createElement(Private, {
     installationUrl: installationUrl,
     isConnected: isConnected,