Skip to content
This repository was archived by the owner on Sep 13, 2022. It is now read-only.

Updated board switcher TA:Silu Instructor: Edgardo #54

Open
ibnat136 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Updated board switcher TA:Silu Instructor: Edgardo #54

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 22 additions & 10 deletions src/BoardSwitcher.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,23 +1,35 @@
import React from 'react';
//import ReactDOM from 'react-dom'


class Board extends React.Component {
render() {
let className = "board";
if (this.props.selected) {
className += " selected";
}
return (
<div className={className}>
{this.props.index + 1}
</div>
);
// constructor(props)
// super(props);
state={
start_at:0
}

handleClick=(event)=>{
this.setState({start:(this.state.start_at+1) % 3})
}
// render() {
// let className = "board";
// if (this.props.selected) {
// className += " selected";
// }
// return (
// <div className={className}>
// {this.props.index + 1}
// </div>
// );
// }
}

class BoardSwitcher extends React.Component {
render() {
let boards = [];
for (let ii = 0; ii < this.props.numBoards; ii++) {

let isSelected = ii === 0;
boards.push(
<Board index={ii} selected={isSelected} key={ii} />
Expand Down