const ownerId = "contribut3.near"; const accountId = props.accountId ?? context.accountId; const Container = styled.div` display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: 1em; `; const Details = styled.div` display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: .5em; `; return ( <Container> <Widget src={`${ownerId}/widget/Project.Icon`} props={{ accountId: ownerId, size: "8em" }} /> <Details> <Widget src={`${ownerId}/widget/NameAndAccount`} props={{ accountId: ownerId, name: "NEAR Horizon" }} /> <Widget src={`${ownerId}/widget/Inputs.Viewable.OneLiner`} props={{ value: "Simple solutions for complex tasks", id: "one_liner", onSave: (one_liner) => Near.call("social.near", "set", { data: { [accountId]: { profile: { one_liner } } } }) }} /> </Details> </Container> );