use secondary buttons in interface (#1173)

* use secondary buttons in interface

* fix tests
This commit is contained in:
pngwn 2022-05-07 01:08:50 +01:00 committed by GitHub
parent 7095ce7e04
commit b8fb0b4727
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 23 additions and 7 deletions

View File

@ -2801,19 +2801,23 @@ class Button(Clickable, Component):
default_value: str = "",
*,
css: Optional[Dict] = None,
variant: str = "primary",
**kwargs,
):
"""
Parameters:
default_value (str): Default value
css (dict): optional css parameters for the component
variant (str): 'primary' for main call-to-action, 'secondary' for a more subdued style
"""
Component.__init__(self, css=css, **kwargs)
self.default_value = default_value
self.variant = variant
def get_template_context(self):
return {
"default_value": self.default_value,
"variant": self.variant,
**Component.get_template_context(self),
}

View File

@ -490,14 +490,14 @@ class Interface(Blocks):
self.InterfaceTypes.STANDARD,
self.InterfaceTypes.INPUT_ONLY,
]:
clear_btn = Button("Clear")
clear_btn = Button("Clear", variant="secondary")
if not self.live:
submit_btn = Button("Submit")
elif self.interface_type == self.InterfaceTypes.UNIFIED:
clear_btn = Button("Clear")
clear_btn = Button("Clear", variant="secondary")
submit_btn = Button("Submit")
if self.allow_flagging == "manual":
flag_btn = Button("Flag")
flag_btn = Button("Flag", variant="secondary")
flag_btn.click(
lambda *flag_data: self.flagging_callback.flag(
flag_data
@ -519,10 +519,10 @@ class Interface(Blocks):
component.render()
with Row():
if self.interface_type == self.InterfaceTypes.OUTPUT_ONLY:
clear_btn = Button("Clear")
clear_btn = Button("Clear", variant="secondary")
submit_btn = Button("Generate")
if self.allow_flagging == "manual":
flag_btn = Button("Flag")
flag_btn = Button("Flag", variant="secondary")
flag_btn.click(
lambda *flag_data: self.flagging_callback.flag(
flag_data
@ -533,7 +533,9 @@ class Interface(Blocks):
_preprocess=False,
)
if self.interpretation:
interpretation_btn = Button("Interpret")
interpretation_btn = Button(
"Interpret", variant="secondary"
)
submit_fn = (
lambda *args: self.run_prediction(args)[0]
if len(self.output_components) == 1

View File

@ -62,6 +62,7 @@ XRAY_CONFIG = {
"default_value": "Run",
"name": "button",
"css": {"background-color": "red", "--hover-color": "orange"},
"variant": "primary",
},
},
{
@ -99,7 +100,12 @@ XRAY_CONFIG = {
{
"id": 13,
"type": "button",
"props": {"default_value": "Run", "name": "button", "css": {}},
"props": {
"default_value": "Run",
"name": "button",
"css": {},
"variant": "primary",
},
},
{
"id": 14,
@ -245,6 +251,7 @@ XRAY_CONFIG_DIFF_IDS = {
"default_value": "Run",
"name": "button",
"css": {"background-color": "red", "--hover-color": "orange"},
"variant": "primary",
},
},
{
@ -290,6 +297,7 @@ XRAY_CONFIG_DIFF_IDS = {
"default_value": "Run",
"name": "button",
"css": {},
"variant": "primary",
},
},
{
@ -417,6 +425,7 @@ XRAY_CONFIG_WITH_MISTAKE = {
"default_value": "Run",
"name": "button",
"css": {"background-color": "red", "--hover-color": "orange"},
"variant": "primary",
},
},
{
@ -461,6 +470,7 @@ XRAY_CONFIG_WITH_MISTAKE = {
"default_value": "Run",
"name": "button",
"css": {},
"variant": "primary",
},
},
{