Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

minor fixes

Browse Source
This commit is contained in:
Nikhil Nandagopal 2019-11-14 17:06:32 +00:00
parent ce707f929b
commit e08ea36181
2 changed files with 61 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/client/src/components/designSystems/appsmith/ImageComponent.tsx
View File

@ -3,9 +3,13 @@ import { ComponentProps } from "./BaseComponent";
import { StyledContainer, StyledContainerProps } from "./StyledContainer"; import { StyledContainer, StyledContainerProps } from "./StyledContainer";
import styled from "styled-components"; import styled from "styled-components";
export const StyledImage = styled(StyledContainer)<StyledContainerProps>` export interface StyledImageProps extends StyledContainerProps {
defaultImageUrl: string;
}
export const StyledImage = styled(StyledContainer)<StyledImageProps>`
background-image: url("${props => { background-image: url("${props => {
return props.imageUrl; return props.imageUrl || props.defaultImageUrl;
}}"); }}");
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

59
app/client/src/mockResponses/WidgetConfigResponse.tsx
View File

@ -15,11 +15,12 @@ const WidgetConfigResponse: WidgetConfigReducerState = {
text: "Label me", text: "Label me",
textStyle: "LABEL", textStyle: "LABEL",
rows: 1, rows: 1,
columns: 2, columns: 3,
widgetName: "Text", widgetName: "Text",
}, },
IMAGE_WIDGET: { IMAGE_WIDGET: {
defaultImage: "", defaultImage:
"https://www.cowgirlcontractcleaning.com/wp-content/uploads/sites/360/2018/05/placeholder-img-5.jpg",
imageShape: "RECTANGLE", imageShape: "RECTANGLE",
image: "", image: "",
rows: 3, rows: 3,
@ -61,10 +62,60 @@ const WidgetConfigResponse: WidgetConfigReducerState = {
widgetName: "DatePicker", widgetName: "DatePicker",
}, },
TABLE_WIDGET: { TABLE_WIDGET: {
rows: 5, rows: 10,
columns: 7, columns: 15,
label: "Data", label: "Data",
widgetName: "Table", widgetName: "Table",
tableData: [
{
Id: 7,
Email: "michael.lawson@reqres.in",
"First Name": "Michael",
"Last Name": "Lawson",
Avatar:
"https://s3.amazonaws.com/uifaces/faces/twitter/follettkyle/128.jpg",
},
{
Id: 8,
Email: "lindsay.ferguson@reqres.in",
"First Name": "Lindsay",
"Last Name": "Ferguson",
Avatar:
"https://s3.amazonaws.com/uifaces/faces/twitter/araa3185/128.jpg",
},
{
Id: 9,
Email: "tobias.funke@reqres.in",
"First Name": "Tobias",
"Last Name": "Funke",
Avatar:
"https://s3.amazonaws.com/uifaces/faces/twitter/vivekprvr/128.jpg",
},
{
Id: 10,
Email: "byron.fields@reqres.in",
"First Name": "Byron",
"Last Name": "Fields",
Avatar:
"https://s3.amazonaws.com/uifaces/faces/twitter/russoedu/128.jpg",
},
{
Id: 11,
Email: "george.edwards@reqres.in",
"First Name": "George",
"Last Name": "Edwards",
Avatar:
"https://s3.amazonaws.com/uifaces/faces/twitter/mrmoiree/128.jpg",
},
{
Id: 12,
Email: "rachel.howell@reqres.in",
"First Name": "Rachel",
"Last Name": "Howell",
Avatar:
"https://s3.amazonaws.com/uifaces/faces/twitter/hebertialmeida/128.jpg",
},
],
}, },
DROP_DOWN_WIDGET: { DROP_DOWN_WIDGET: {
rows: 1, rows: 1,