fixed preloading bug for sorting null branches

scm-ui/src/repos/branches/components/BranchRow.js

@@ -11,10 +11,14 @@ type Props = {
 export default class BranchRow extends React.Component<Props> {
   renderLink(to: string, label: string, defaultBranch: boolean) {
     let showLabel = null;
-    if(defaultBranch) {
+    if (defaultBranch) {
       showLabel = <span className="tag is-dark">Default</span>;
     }
-    return <Link to={to}>{label} {showLabel}</Link>;
+    return (
+      <Link to={to}>
+        {label} {showLabel}
+      </Link>
+    );
   }
 
   render() {

scm-ui/src/repos/branches/containers/BranchesOverview.js

@@ -40,9 +40,9 @@ type Props = {
 // followed by develop the rest should be ordered by its name
 export function orderBranches(branches: Branch[]) {
   branches.sort((a, b) => {
-    if (a.defaultBranch && !b.defaultBranch ) {
+    if (a.defaultBranch && !b.defaultBranch) {
       return -20;
-    } else if (!a.defaultBranch && b.defaultBranch ) {
+    } else if (!a.defaultBranch && b.defaultBranch) {
       return 20;
     } else if (a.name === "master" && b.name !== "master") {
       return -10;
@@ -74,16 +74,16 @@ class BranchesOverview extends React.Component<Props> {
   render() {
     const { baseUrl, loading, error, branches, t } = this.props;
 
-    orderBranches(branches);
-
     if (error) {
       return <ErrorNotification error={error} />;
     }
 
-    if (loading) {
+    if (!branches || loading) {
       return <Loading />;
     }
 
+    orderBranches(branches);
+
     return (
       <>
         <Subtitle subtitle={t("branches.overview.title")} />