CategoryCard.jsx
4 days ago
FAQs.jsx
4 days ago
PaidSupport.jsx
4 days ago
SearchBox.jsx
4 days ago
SupportForum.jsx
4 days ago
TicketModal.jsx
4 days ago
Videos.jsx
4 days ago
FAQs.jsx
73 lines
| 1 | /** |
| 2 | * External Dependencies |
| 3 | */ |
| 4 | import { __ } from '@wordpress/i18n'; |
| 5 | import { CircleArrowRight, MessageSquare } from 'lucide-react'; |
| 6 | |
| 7 | /** |
| 8 | * Internal Dependencies |
| 9 | */ |
| 10 | import { Card } from '@admin/components/Card'; |
| 11 | import { Accordion } from '@admin/components/Accordion'; |
| 12 | import { FAQS } from '../faqs'; |
| 13 | |
| 14 | export function FAQs() { |
| 15 | const isLicensed = false; |
| 16 | |
| 17 | return ( |
| 18 | <Card className="advads-card grid sm:grid-cols-3 gap-5"> |
| 19 | <div> |
| 20 | <Card.HeaderIcon> |
| 21 | <MessageSquare /> |
| 22 | </Card.HeaderIcon> |
| 23 | |
| 24 | <Card.HeaderTitle> |
| 25 | { __( "FAQ's", 'advanced-ads' ) } |
| 26 | </Card.HeaderTitle> |
| 27 | |
| 28 | <p> |
| 29 | { __( |
| 30 | 'Everything you need to know about the product.', |
| 31 | 'advanced-ads' |
| 32 | ) } |
| 33 | </p> |
| 34 | { ! isLicensed && ( |
| 35 | <> |
| 36 | <p> |
| 37 | { __( |
| 38 | 'Couldn’t find what you were looking for?', |
| 39 | 'advanced-ads' |
| 40 | ) } |
| 41 | <br /> |
| 42 | { __( |
| 43 | 'Get help from the community.', |
| 44 | 'advanced-ads' |
| 45 | ) } |
| 46 | </p> |
| 47 | <p> |
| 48 | <a |
| 49 | className="advads-view-all-link" |
| 50 | href="https://wordpress.org/support/plugin/advanced-ads/" |
| 51 | target="_blank" |
| 52 | rel="noreferrer" |
| 53 | > |
| 54 | { __( |
| 55 | 'Visit WordPress Forum', |
| 56 | 'advanced-ads' |
| 57 | ) } |
| 58 | <CircleArrowRight /> |
| 59 | </a> |
| 60 | </p> |
| 61 | </> |
| 62 | ) } |
| 63 | </div> |
| 64 | |
| 65 | <Accordion className="col-span-2"> |
| 66 | { FAQS.map( ( faq ) => ( |
| 67 | <Accordion.Item key={ faq.title } { ...faq } /> |
| 68 | ) ) } |
| 69 | </Accordion> |
| 70 | </Card> |
| 71 | ); |
| 72 | } |
| 73 |