@bigbinary/neeto-github-frontend 1.0.25 → 1.0.27

package/dist/index.cjs.js

@@ -17,7 +17,6 @@ var neetoui = require('@bigbinary/neetoui');
 var misc = require('@bigbinary/neeto-icons/misc');
 var neetoCist = require('@bigbinary/neeto-cist');
 var Search = require('@bigbinary/neeto-molecules/Search');
-var Scrollable = require('@bigbinary/neeto-molecules/Scrollable');
 var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
 var require$$0 = require('util');
 
@@ -28,7 +27,6 @@ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
-var Scrollable__default = /*#__PURE__*/_interopDefaultLegacy(Scrollable);
 var DateFormat__default = /*#__PURE__*/_interopDefaultLegacy(DateFormat);
 var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
 
@@ -272,7 +270,9 @@ var NoRepositories = reactUtils.withT(function (_ref) {
     installationUrl = _ref.installationUrl,
     troubleshootUrl = _ref.troubleshootUrl;
   return /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement(neetoui.Typography, {
     style: "body2"
   }, t("neetoGithub.noReposDescription")), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
@@ -285,7 +285,7 @@ var NoRepositories = reactUtils.withT(function (_ref) {
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "text-xs"
   }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
-    i18nKey: "troubleshoot",
+    i18nKey: t("neetoGithub.troubleshoot"),
     components: {
       troubleshootLink: /*#__PURE__*/React__default["default"].createElement("a", {
         className: "text-indigo-600 underline",
@@ -294,7 +294,7 @@ var NoRepositories = reactUtils.withT(function (_ref) {
         target: "_blank"
       })
     }
-  })));
+  }))));
 });
 
 var RepositoryTile = function RepositoryTile(_ref) {
@@ -312,7 +312,7 @@ var RepositoryTile = function RepositoryTile(_ref) {
     isPrivate = repository.isPrivate,
     updatedAt = repository.updatedAt;
   return /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
     className: "width-calc flex items-center space-x-2"
@@ -325,7 +325,7 @@ var RepositoryTile = function RepositoryTile(_ref) {
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "hidden md:inline-block"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.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__default["default"].createElement(DateFormat__default["default"].FromNow, {
@@ -354,9 +354,14 @@ var List = reactUtils.withT(function (_ref) {
     installationUrl = _ref.installationUrl,
     troubleshootUrl = _ref.troubleshootUrl;
   return /*#__PURE__*/React__default["default"].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"
-  }, neetoCist.isPresent(repositories) ? /*#__PURE__*/React__default["default"].createElement(Scrollable__default["default"], {
-    className: "m-0 h-full w-full overflow-y-scroll p-0 shadow-inner"
+    className: "h-full overflow-y-scroll px-6 pb-6"
+  }, neetoCist.isPresent(repositories) ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classNames__default["default"]("neeto-ui-border-gray-300 neeto-ui-rounded-md flex flex-col items-center justify-center border", {
+      "h-auto": neetoCist.isPresent(filteredRepositories),
+      "h-full": !neetoCist.isPresent(filteredRepositories)
+    })
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "m-0 h-full w-full p-0"
   }, neetoCist.isPresent(filteredRepositories) ? filteredRepositories.map(function (repository, index) {
     return /*#__PURE__*/React__default["default"].createElement(RepositoryTile, {
       isConnecting: isConnecting,
@@ -367,7 +372,7 @@ var List = reactUtils.withT(function (_ref) {
   }) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     className: "flex h-full w-full items-center justify-center",
     style: "body2"
-  }, t("neetoGithub.noRepos"))) : /*#__PURE__*/React__default["default"].createElement(NoRepositories, {
+  }, t("neetoGithub.noRepos")))) : /*#__PURE__*/React__default["default"].createElement(NoRepositories, {
     installationUrl: installationUrl,
     troubleshootUrl: troubleshootUrl
   }));
@@ -417,13 +422,13 @@ var Private = function Private(_ref) {
     setFilteredRepositories(filteredRepositories);
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "connect-repo"
-  }, isConnected && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "mb-2 pb-5 text-lg font-medium",
+    className: "connect-repo flex h-full flex-col"
+  }, isConnected ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "space-y-3 p-6"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "flex-shrink-0 text-lg font-medium",
     style: "h2"
-  }, t("neetoGithub.connectARepo")), isConnected ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex w-full flex-col space-y-6"
-  }, /*#__PURE__*/React__default["default"].createElement(Search__default["default"], {
+  }, t("neetoGithub.connectARepo")), neetoCist.isPresent(repositories) && /*#__PURE__*/React__default["default"].createElement(Search__default["default"], {
     onSearch: onSearch,
     className: "w-full",
     unlimitedChars: false,
@@ -432,17 +437,19 @@ var Private = function Private(_ref) {
     }, t("neetoGithub.countOf.repos", {
       count: filteredRepositories.length
     }))
-  }), /*#__PURE__*/React__default["default"].createElement(List, {
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex min-h-0 w-full flex-grow flex-col space-y-6"
+  }, /*#__PURE__*/React__default["default"].createElement(List, {
     filteredRepositories: filteredRepositories,
     installationUrl: installationUrl,
     isConnecting: isConnecting,
     onConnect: onConnect,
     repositories: repositories,
     troubleshootUrl: troubleshootUrl
-  })) : /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-text-gray-900 font-sans text-sm font-normal leading-6 antialiased"
+  }))) : /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-text-gray-900 flex-grow font-sans text-sm font-normal leading-6 antialiased"
   }, /*#__PURE__*/React__default["default"].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__default["default"].createElement(NotConnected, {
     installationUrl: installationUrl
   }))));
@@ -456,7 +463,7 @@ var Repositories = function Repositories(_ref) {
     installationUrl = _ref.installationUrl,
     troubleshootUrl = _ref.troubleshootUrl;
   return /*#__PURE__*/React__default["default"].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__default["default"].createElement(Private, {
     installationUrl: installationUrl,
     isConnected: isConnected,