How to use the @blueprintjs/icons.IconNames.DOWNLOAD function in @blueprintjs/icons

To help you get started, we’ve selected a few @blueprintjs/icons examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github France-ioi / codecast / frontend / editor / overview.js View on Github external
<label>
          } /&gt;
        </label>
        {/* list of available subtitles? */}
        <div>
          
          <div>
            <div>{"Version "}<b>{version}</b></div>
            <div>{"Duration "}<b>{formatTime(duration)}</b></div>
            <div>{"Number of events "}<b>{events.length}</b></div>
          </div>
        </div>
        <div style="{{textAlign:">
          <div>
            <button>
            </button><button disabled="{!canSave}">
          </button></div>
        </div>
        {!canSave &amp;&amp;
          
            {"The current user is not allowed to modify this Codecast."}
          }
        {save &amp;&amp;
          <div>
            {save.state === 'pending' &amp;&amp;
              <div>
                
                {"Saving, please wait…"}
              </div>}
            {save.state === 'failure' &amp;&amp;
              <div></div></div>
github apache / druid / web-console / src / views / sql-view / sql-control / sql-control.tsx View on Github external
/&gt;
          
            <button>
          
        
        {
          queryElapsed &amp;&amp;
          <span>
            {`Last query took ${(queryElapsed / 1000).toFixed(2)} seconds`}
          </span>
        }
        {
          queryElapsed &amp;&amp;
          
            </button><button>
          
        }
      
    ;
  }
}</button>
github apache / druid / web-console / src / views / query-view / query-extra-info / query-extra-info.tsx View on Github external
tooltipContent = (
      &lt;&gt;
        SQL query ID: <strong>{queryExtraInfo.sqlQueryId}</strong> (click to copy)
      
    );
  }

  return (
    <div>
      <div>
        
          {`${resultCount} in ${(elapsed / 1000).toFixed(2)}s`}
        
      </div>
      
        <button>
      
    </button></div>
  );
});
github France-ioi / codecast / frontend / subtitles / editor.js View on Github external
onSelect={this._selectOption} /&gt;)}
              <menuitem>
                {langOptions.map(option =&gt;
                   option.value === key)}
                    onSelect={this._addOption} /&gt;)}
              </menuitem>
            
          
          <div style="{{paddingLeft:">
            {selected
              ? <div>
                  <textarea value="{subtitlesText}" style="{{width:" rows="{7}">                  &lt;div className='buttons-bar'&gt;
                    &lt;Files  onChange={this._fileChanged} accepts={this._fileAccepts} style={{display: 'inline-block'}}&gt;&lt;Button icon={IconNames.UPLOAD}&gt;{"Load"}&lt;/Button&gt;&lt;/Files&gt;
                    &lt;Button onClick={this._saveSelected} icon={IconNames.DOWNLOAD} text={"Save"}/&gt;
                    &lt;Button onClick={this._reloadSelected} icon={IconNames.CLOUD_DOWNLOAD} disabled={!selected.url} text={"Revert"}/&gt;
                    &lt;Button onClick={this._removeSelected} icon={IconNames.CROSS} text={'Remove'}/&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              : &lt;NonIdealState visual='arrow-left' title={"No language selected"} description={"Load existing subtitles or add a new language, and click the Edit button."} /&gt;}
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div className='hbox mb' style={{textAlign: 'center', backgroundColor: '#efefef', padding: '10px'}}&gt;
          &lt;div className='fill center'&gt;
            &lt;Button onClick={this._beginEdit} disabled={!selected} icon={IconNames.EDIT} text={"Edit"} style={{marginRight: '10px'}}/&gt;
            &lt;Button onClick={this._save} icon={IconNames.CLOUD_UPLOAD} text={"Save"} disabled={!canSave} intent={unsaved ? Intent.PRIMARY : Intent.NONE}/&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        {!canSave &amp;&amp;
          &lt;Callout intent={Intent.WARNING} title={"Insufficient access rights"}&gt;
            {"The current user is not allowed to modify this Codecast."}</textarea></div></div>
github pioneers / PieCentral / dawn / renderer / components / Toolbar.js View on Github external
render() {
    return (
      
        
          
            Dawn v
            { VERSION }
          
          
          
            <button disabled="{this.props.disconnected}">
              Upload
            </button>
            <button disabled="{this.props.disconnected}">
              Download
            </button>
          
          
          
            }
                interactionKind={PopoverInteractionKind.HOVER}
                hoverOpenDelay={0}
                hoverCloseDelay={200}&gt;
              <button disabled="{this.props.disconnected}">Start</button>
            
            <button disabled="{this.props.disconnected}"> this.props.setMatch(Mode.IDLE)}</button>