Sort in each animation from small to big

ULudo · ULudo · commit 044de0550f4d · 2019-09-04T05:39:22.000+02:00
diff --git a/src/components/SortingAnimation.js b/src/components/SortingAnimation.js
@@ -16,7 +16,6 @@ class SortingAnimation extends React.Component {
     this.chart = new Chart(myChartRef, {
       type: "bar",
       data: {
-        //Bring in data
         labels: this.props.data,
         datasets: [
           {
@@ -26,7 +25,6 @@ class SortingAnimation extends React.Component {
         ]
       },
       options: {
-        //Customize chart options
         animation: {
           duration: 0
         },
@@ -96,20 +94,3 @@ class SortingAnimation extends React.Component {
 }
 
 export default SortingAnimation;
-
-/*
-LiveServer
-Live Sass Compiler
-html and css support (Klass im CSS werden automatisch im HTML File vorgeschlagen)
-auto rename tag (auto rename anding tag with beginning tag in html files)
-Prettier
-Java Script ES6 code snippets
-Turbo Console log (hepls for dugging (LOGGER))
-indent-rainbow (color for indents)
-Bracket Pair Colorizer
-Code Spell Checker (Tells you if a variable isn't known)
-REST Client
-Git Lens (Git repository durchstöbern, zeigt für jede Codezeile an wer sie bearbeitet und aktualisiert hat)
-Auto-Open Markdown Preview (Git Hub read me)
-ES7 React/Redux/GraphQL/React-Native snippets
-*/
diff --git a/src/components/Sortings.js b/src/components/Sortings.js
@@ -134,7 +134,6 @@ class Sortings extends React.Component {
         </div>
         <div className="animations">
           {st.map(sorter => (
-            // hier nochmal schauen ich denke reakt erkennt nich das die anderen schon dargestellten komponenten auch wieder aktualisiert werden müssen
             <div
               className="animation"
               style={sorterWidth}
diff --git a/src/components/sorter/BubbleSort.js b/src/components/sorter/BubbleSort.js
@@ -19,7 +19,7 @@ class BubbleSort extends React.Component {
     let ended = false;
     if (curRun[0] < numbers.length - 1) {
       if (curRun[1] < numbers.length - curRun[0] - 1) {
-        if (numbers[curRun[1]] < numbers[curRun[1] + 1]) {
+        if (numbers[curRun[1]] > numbers[curRun[1] + 1]) {
           let temp = numbers[curRun[1]];
           numbers[curRun[1]] = numbers[curRun[1] + 1];
           numbers[curRun[1] + 1] = temp;
diff --git a/src/style/_sortings.scss b/src/style/_sortings.scss
@@ -12,5 +12,10 @@
     display: flex;
     flex-flow: row wrap;
     justify-content: center;
+
+    .animation {
+      min-width: 300px;
+      max-width: 90%;
+    }
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -12,5 +12,10 @@`
`12`	`12`	`display: flex;`
`13`	`13`	`flex-flow: row wrap;`
`14`	`14`	`justify-content: center;`
	`15`	`+`
	`16`	`+ .animation {`
	`17`	`+ min-width: 300px;`
	`18`	`+ max-width: 90%;`
	`19`	`+ }`
`15`	`20`	`}`
`16`	`21`	`}`