-
Notifications
You must be signed in to change notification settings - Fork 11
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #530 from paziresh24/next
show survey to external-book users
- Loading branch information
Showing
17 changed files
with
938 additions
and
39 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,49 @@ | ||
// This is a skeleton starter React component generated by Plasmic. | ||
// This file is owned by you, feel free to edit as you see fit. | ||
import * as React from "react"; | ||
import { | ||
PlasmicExternalBookSurveyPopup, | ||
DefaultExternalBookSurveyPopupProps | ||
} from "./plasmic/paziresh_24_search/PlasmicExternalBookSurveyPopup"; | ||
import { HTMLElementRefOf } from "@plasmicapp/react-web"; | ||
|
||
// Your component props start with props for variants and slots you defined | ||
// in Plasmic, but you can add more here, like event handlers that you can | ||
// attach to named nodes in your component. | ||
// | ||
// If you don't want to expose certain variants or slots as a prop, you can use | ||
// Omit to hide them: | ||
// | ||
// interface ExternalBookSurveyPopupProps extends Omit<DefaultExternalBookSurveyPopupProps, "hideProps1"|"hideProp2"> { | ||
// // etc. | ||
// } | ||
// | ||
// You can also stop extending from DefaultExternalBookSurveyPopupProps altogether and have | ||
// total control over the props for your component. | ||
export interface ExternalBookSurveyPopupProps | ||
extends DefaultExternalBookSurveyPopupProps {} | ||
|
||
function ExternalBookSurveyPopup_( | ||
props: ExternalBookSurveyPopupProps, | ||
ref: HTMLElementRefOf<"div"> | ||
) { | ||
// Use PlasmicExternalBookSurveyPopup to render this component as it was | ||
// designed in Plasmic, by activating the appropriate variants, | ||
// attaching the appropriate event handlers, etc. You | ||
// can also install whatever React hooks you need here to manage state or | ||
// fetch data. | ||
// | ||
// Props you can pass into PlasmicExternalBookSurveyPopup are: | ||
// 1. Variants you want to activate, | ||
// 2. Contents for slots you want to fill, | ||
// 3. Overrides for any named node in the component to attach behavior and data, | ||
// 4. Props to set on the root node. | ||
// | ||
// By default, we are just piping all ExternalBookSurveyPopupProps here, but feel free | ||
// to do whatever works for you. | ||
|
||
return <PlasmicExternalBookSurveyPopup root={{ ref }} {...props} />; | ||
} | ||
|
||
const ExternalBookSurveyPopup = React.forwardRef(ExternalBookSurveyPopup_); | ||
export default ExternalBookSurveyPopup; |
14 changes: 14 additions & 0 deletions
14
.plasmic/plasmic/paziresh_24_search/PlasmicExternalBookSurveyPopup.module.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
.root { | ||
display: flex; | ||
flex-direction: column; | ||
position: relative; | ||
width: 100%; | ||
height: auto; | ||
justify-content: flex-start; | ||
align-items: center; | ||
min-width: 0; | ||
} | ||
.showSurveyPopupRemoveCookie:global(.__wab_instance) { | ||
max-width: 100%; | ||
object-fit: cover; | ||
} |
Oops, something went wrong.