Change sync data button, see: #3

phetsims · Jun 3, 2022 · bd97620 · bd97620
1 parent b9cfea0
commit bd97620
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/js/common/view/MeanShareAndBalanceScreenView.ts b/js/common/view/MeanShareAndBalanceScreenView.ts
@@ -14,20 +14,20 @@ import meanShareAndBalance from '../../meanShareAndBalance.js';
 import MeanShareAndBalanceModel from '../model/MeanShareAndBalanceModel.js';
 import optionize from '../../../../phet-core/js/optionize.js';
 import PickRequired from '../../../../phet-core/js/types/PickRequired.js';
-import ResetButton from '../../../../scenery-phet/js/buttons/ResetButton.js';
-import { AlignBox, GridBox, VBox } from '../../../../scenery/js/imports.js';
+import { AlignBox, GridBox, VBox, Text } from '../../../../scenery/js/imports.js';
 import meanShareAndBalanceStrings from '../../meanShareAndBalanceStrings.js';
 import merge from '../../../../phet-core/js/merge.js';
 import QuestionBar from '../../../../scenery-phet/js/QuestionBar.js';
 import Bounds2 from '../../../../dot/js/Bounds2.js';
+import RectangularPushButton from '../../../../sun/js/buttons/RectangularPushButton.js';
 
 type SelfOptions = {};
 
 export type MeanShareAndBalanceScreenViewOptions = SelfOptions & PickRequired<ScreenViewOptions, 'tandem'>;
 
 export default class MeanShareAndBalanceScreenView extends ScreenView {
   readonly resetAllButton: ResetAllButton;
-  readonly syncDataButton: ResetButton;
+  readonly syncDataButton: RectangularPushButton;
   readonly controlsAlignBox: AlignBox;
   readonly controlsVBox: VBox;
   readonly numberSpinnerVBox: VBox;
@@ -44,13 +44,15 @@ export default class MeanShareAndBalanceScreenView extends ScreenView {
 
     const playAreaBounds = new Bounds2( this.layoutBounds.minX, this.layoutBounds.minY + this.questionBar.height, this.layoutBounds.maxX, this.layoutBounds.maxY );
 
-    this.syncDataButton = new ResetButton( {
+    // TODO: Draw sync icon.
+    this.syncDataButton = new RectangularPushButton( {
       listener: () => {
         this.interruptSubtreeInput(); // cancel interactions that may be in progress
         model.syncData();
       },
+      content: new Text( 'Sync Data' ),
       right: this.layoutBounds.maxX - MeanShareAndBalanceConstants.CONTROLS_HORIZONTAL_MARGIN,
-      radius: 15,
+      baseColor: 'white',
       tandem: options.tandem.createTandem( 'matchRepresentationsButton' ),
       layoutOptions: { x: 0, y: 1, xAlign: 'left', minContentHeight: 175, yAlign: 'top' }
     } );