add DeviceSelection to CodeEditor,Project+Tutorial
This commit is contained in:
		
							parent
							
								
									6fcaff9cc3
								
							
						
					
					
						commit
						5974608fd8
					
				| @ -11,6 +11,7 @@ import Sidebar from "./Sidebar"; | ||||
| import Dialog from "../Dialog"; | ||||
| import SaveIcon from "./SaveIcon"; | ||||
| import store from "../../store"; | ||||
| import DeviceSelection from "../DeviceSelection"; | ||||
| 
 | ||||
| const CodeEditor = (props) => { | ||||
|   //const [filehandle, setFileHandle] = useState();
 | ||||
| @ -192,6 +193,7 @@ void loop() { | ||||
|             }} | ||||
|           /> | ||||
|         </Grid> | ||||
|         <DeviceSelection /> | ||||
|         <Grid item lg={4} md={4}> | ||||
|           <Button | ||||
|             style={{ padding: "1rem", margin: "1rem" }} | ||||
|  | ||||
| @ -18,6 +18,7 @@ import Divider from "@material-ui/core/Divider"; | ||||
| import Typography from "@material-ui/core/Typography"; | ||||
| import Backdrop from "@material-ui/core/Backdrop"; | ||||
| import CircularProgress from "@material-ui/core/CircularProgress"; | ||||
| import DeviceSelection from "../DeviceSelection"; | ||||
| 
 | ||||
| const styles = (theme) => ({ | ||||
|   link: { | ||||
| @ -60,9 +61,8 @@ class ProjectHome extends Component { | ||||
|         this.setState({ | ||||
|           snackbar: true, | ||||
|           key: Date.now(), | ||||
|           message: `Dein angefragtes ${ | ||||
|             type === "gallery" ? "Galerie-" : "" | ||||
|           }Projekt konnte nicht gefunden werden.`,
 | ||||
|           message: `Dein angefragtes ${type === "gallery" ? "Galerie-" : "" | ||||
|             }Projekt konnte nicht gefunden werden.`,
 | ||||
|           type: "error", | ||||
|         }); | ||||
|       } | ||||
| @ -108,6 +108,7 @@ class ProjectHome extends Component { | ||||
|         /> | ||||
| 
 | ||||
|         <h1>{data}</h1> | ||||
|         <DeviceSelection /> | ||||
|         {this.props.progress ? ( | ||||
|           <Backdrop open invisible> | ||||
|             <CircularProgress color="primary" /> | ||||
| @ -127,9 +128,8 @@ class ProjectHome extends Component { | ||||
|                         }} | ||||
|                       > | ||||
|                         <Link | ||||
|                           to={`/${ | ||||
|                             data === "Projekte" ? "project" : "gallery" | ||||
|                           }/${project._id}`}
 | ||||
|                           to={`/${data === "Projekte" ? "project" : "gallery" | ||||
|                             }/${project._id}`}
 | ||||
|                           style={{ textDecoration: "none", color: "inherit" }} | ||||
|                         > | ||||
|                           <h3 style={{ marginTop: 0 }}>{project.title}</h3> | ||||
| @ -153,7 +153,7 @@ class ProjectHome extends Component { | ||||
|                           </Typography> | ||||
|                         </Link> | ||||
|                         {this.props.user && | ||||
|                         this.props.user.email === project.creator ? ( | ||||
|                           this.props.user.email === project.creator ? ( | ||||
|                           <div> | ||||
|                             <Divider | ||||
|                               style={{ | ||||
|  | ||||
| @ -37,6 +37,7 @@ import Tooltip from "@material-ui/core/Tooltip"; | ||||
| import IconButton from "@material-ui/core/IconButton"; | ||||
| import Snackbar from "../Snackbar"; | ||||
| import Divider from "@material-ui/core/Divider"; | ||||
| import DeviceSelection from "../DeviceSelection"; | ||||
| 
 | ||||
| const styles = (theme) => ({ | ||||
|   outerDiv: { | ||||
| @ -243,14 +244,11 @@ class TutorialHome extends Component { | ||||
|                             cy="50%" | ||||
|                             fill="none" | ||||
|                             stroke-width="10" | ||||
|                             stroke-dashoffset={`${ | ||||
|                               75 * 2 * Math.PI * (1 - (50 / 100 + success / 2)) | ||||
|                             }`}
 | ||||
|                             stroke-dasharray={`${ | ||||
|                               75 * 2 * Math.PI * (1 - (50 / 100 - success / 2)) | ||||
|                             } ${ | ||||
|                               75 * 2 * Math.PI * (1 - (50 / 100 + success / 2)) | ||||
|                             }`}
 | ||||
|                             stroke-dashoffset={`${75 * 2 * Math.PI * (1 - (50 / 100 + success / 2)) | ||||
|                               }`}
 | ||||
|                             stroke-dasharray={`${75 * 2 * Math.PI * (1 - (50 / 100 - success / 2)) | ||||
|                               } ${75 * 2 * Math.PI * (1 - (50 / 100 + success / 2)) | ||||
|                               }`}
 | ||||
|                           ></circle> | ||||
|                         )} | ||||
|                         {success < 1 && !error ? ( | ||||
| @ -265,9 +263,8 @@ class TutorialHome extends Component { | ||||
|                             cy="50%" | ||||
|                             fill="none" | ||||
|                             stroke-width="10" | ||||
|                             stroke-dashoffset={`${ | ||||
|                               75 * 2 * Math.PI * (1 - (50 / 100 + success / 2)) | ||||
|                             }`}
 | ||||
|                             stroke-dashoffset={`${75 * 2 * Math.PI * (1 - (50 / 100 + success / 2)) | ||||
|                               }`}
 | ||||
|                             stroke-dasharray={`${75 * 2 * Math.PI}`} | ||||
|                           ></circle> | ||||
|                         ) : null} | ||||
| @ -279,8 +276,8 @@ class TutorialHome extends Component { | ||||
|                         tutorialStatus === "Error" | ||||
|                           ? this.props.classes.outerDivError | ||||
|                           : tutorialStatus === "Success" | ||||
|                           ? this.props.classes.outerDivSuccess | ||||
|                           : null | ||||
|                             ? this.props.classes.outerDivSuccess | ||||
|                             : null | ||||
|                       )} | ||||
|                     > | ||||
|                       <div className={this.props.classes.innerDiv}> | ||||
| @ -311,6 +308,7 @@ class TutorialHome extends Component { | ||||
|             ); | ||||
|           })} | ||||
|         </Grid> | ||||
|         <DeviceSelection /> | ||||
|         {this.props.user ? ( | ||||
|           <div> | ||||
|             <h2>User Tutorials</h2> | ||||
|  | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user