diff --git a/src/modules/faq/FaqModule.tsx b/src/modules/faq/FaqModule.tsx index d84f3ba6f6..36044696e8 100644 --- a/src/modules/faq/FaqModule.tsx +++ b/src/modules/faq/FaqModule.tsx @@ -33,23 +33,41 @@ function FaqModule() {

- + Frequently Asked{' '} - + Questions

- -

+ +

+ borderRadius={`${GLOBALS.ADJUSTMENTS.RADIUS.SMALL}`} + > For Users

@@ -63,15 +81,20 @@ function FaqModule() { onClick={() => { toggleShowAnswer(1); }} - hover="#e20880"> + hover="#e20880" + > What are Channels? - + {showAnswers[1] && ( - Any user or protocol that activates itself as a service to send notifications is a Channel. + If you're a protocol or company seeking to share updates with your users, you can use this service. + Users have the option to opt in to receive these updates. )} @@ -82,23 +105,22 @@ function FaqModule() { onClick={() => { toggleShowAnswer(2); }} - hover="#e20880"> + hover="#e20880" + > Is Channel Creation a compulsory process? - + {showAnswers[2] && ( - Not at all - Channel creation is only important for any protocol or service that wants to trigger notifications - for its users. If you are a user who is only interested in receiving notifications and being up to - the minute with the Web3 world, channel creation is not at all required for you. + Channel creation is not mandatory. It's primarily essential for protocols or services aiming to send + notifications to their users. As a user focused solely on staying updated with the Web3 world and + receiving notifications, creating a channel is unnecessary for you. - - {/* - Channel creation is only important for any protocol or service that wants to trigger notifications for its users. If you are a user who is only interested in receiving notifications and being up to the minute with the Web3 world, channel creation is not at all required for you. - */} )} @@ -108,16 +130,21 @@ function FaqModule() { onClick={() => { toggleShowAnswer(3); }} - hover="#e20880"> + hover="#e20880" + > How do I opt into a Channel? - + {showAnswers[3] && ( - Every Channel in the View Channels section comes with an opt-in button. Once you click on it and - sign the transaction, you will be subscribed to that channel & receive its notifications. + To join a Channel, head to the Channels section on the left. There, you'll find various protocols or + dapps listed. Simply click 'Opt-In' next to the one you're interested in, and by signing a + transaction, you'll start receiving the latest updates and notifications. )} @@ -128,16 +155,20 @@ function FaqModule() { onClick={() => { toggleShowAnswer(4); }} - hover="#e20880"> + hover="#e20880" + > Does Opting-in to a Channel require gas fees? - + {showAnswers[4] && ( - NOPE. Subscribing to a channel is a Gasless action. All you need to do is sign the transaction and - that’s it. + Opting into a Channel doesn't involve gas fees. Subscribing to a channel is gasless—all you need to + do is sign a transaction to be opted in. )} @@ -148,19 +179,23 @@ function FaqModule() { onClick={() => { toggleShowAnswer(5); }} - hover="#e20880"> + hover="#e20880" + > Do I need ETHER to interact with the DAPP? - + {showAnswers[5] && ( - Nope. We have gasless mechanisms for most of the things in the Dapp. Therefore, an average joe - doesn’t need any ether to use our dapp. + You don't need Ether to engage with the DApp. Our gasless mechanisms enable most operations without + requiring Ether. For everyday users, there's no need for Ether to use our DApp. - ETH or Funds are only required when a Channel is to be created. + Ether or funds become necessary only when creating a Channel.. )} @@ -170,9 +205,13 @@ function FaqModule() { onClick={() => { toggleShowAnswer(6); }} - hover="#e20880"> + hover="#e20880" + > How do I receive notifications? - + {showAnswers[6] && ( @@ -181,40 +220,130 @@ function FaqModule() { In order to receive notifications seamlessly, Push (EPNS) provides 3 different crypto front-ends - + Push (EPNS) Dapp + target="_blank" + > Browser Extension - + Android {' '} and{' '} - + IOS Apps )} + + + { + toggleShowAnswer(7); + }} + hover="#e20880" + > + What are Spaces? + + + + {showAnswers[7] && ( + + + Spaces are live audio chat rooms on our Dapp, enabling real-time conversations among users. + + + )} + + + + { + toggleShowAnswer(8); + }} + hover="#e20880" + > + How do I create a space? + + + + {showAnswers[8] && ( + + + To create a space, click on Spaces on the left side and select "Create Your Space." From there, you + can add the users you wish to invite to join the space. + + + )} + + + + { + toggleShowAnswer(9); + }} + hover="#e20880" + > + Does creating a Space require gas fees? + + + + {showAnswers[9] && ( + + + Creating or joining a Space does not require any gas fees. Users can seamlessly create or join + Spaces without any gas fees. + + + )} + - -

+ +

+ borderRadius={`${GLOBALS.ADJUSTMENTS.RADIUS.SMALL}`} + > For Developers

@@ -226,24 +355,32 @@ function FaqModule() { { - toggleShowAnswer(7); + toggleShowAnswer(10); }} - hover="#e20880"> + hover="#e20880" + > How do I create a Channel? - + - {showAnswers[7] && ( + {showAnswers[10] && ( Easiest way to create a channel is from our{' '} - + Push (EPNS) Dapp {' '} itself. Find the entire channel creation process{' '} + href="https://push.org/docs/notifications/build/create-channel/" + > here . @@ -255,14 +392,18 @@ function FaqModule() { { - toggleShowAnswer(8); + toggleShowAnswer(11); }} - hover="#e20880"> + hover="#e20880" + > What are the different types of Notifications? - + - {showAnswers[8] && ( + {showAnswers[11] && ( The 3 main types of notifications right now: @@ -281,16 +422,25 @@ function FaqModule() { { - toggleShowAnswer(9); + toggleShowAnswer(12); }} - hover="#e20880"> + hover="#e20880" + > How do I send notifications? - + - {showAnswers[9] && ( + {showAnswers[12] && ( - Sending a notification is possible from the DAPP, Back-end as well as Smart Contracts. + You can send a notification through various methods: +
    +
  • Using the DAPP
    • +
  • Via the Back-end
    • +
  • Utilizing Smart Contracts
    • +
)} @@ -298,26 +448,32 @@ function FaqModule() { { - toggleShowAnswer(10); + toggleShowAnswer(13); }} - hover="#e20880"> + hover="#e20880" + > How do I use Backend-Sdk and Showrunners? - + - {showAnswers[10] && ( + {showAnswers[13] && ( Push (EPNS) Documentation hub contains in-depth details on how to use our{' '} + href="https://push.org/docs/hackers/push-sdk/" + > Backend SDKs {' '} and{' '} + href="https://push.org/docs/notifications/showrunners-scaffold/" + > Showrunners . Check them out. @@ -329,21 +485,26 @@ function FaqModule() { { - toggleShowAnswer(11); + toggleShowAnswer(14); }} - hover="#e20880"> - How do I use the Front-SDK? - + hover="#e20880" + > + How do I use the Frontend-SDK? + - {showAnswers[11] && ( + {showAnswers[14] && ( Push (EPNS) Documentation hub contains in-depth details on how to use our{' '} - Front-end SDK + href="https://push.org/docs/hackers/push-sdk/" + > + Frontend SDK . @@ -354,18 +515,25 @@ function FaqModule() { { - toggleShowAnswer(12); + toggleShowAnswer(15); }} - hover="#e20880"> + hover="#e20880" + > Where can I find Developer Documentations? - + - {showAnswers[12] && ( + {showAnswers[15] && ( All of our documentation can be found in our{' '} - + Push (EPNS) Documentation HUB . @@ -373,6 +541,96 @@ function FaqModule() { )} + + + { + toggleShowAnswer(16); + }} + hover="#e20880" + > + How do I integrate Chat? + + + + {showAnswers[16] && ( + + + You can integrate chat functionality by following the instructions outlined in this documentation:{' '} + + Push (EPNS) Documentation for Chat + + . + + + )} + + + + { + toggleShowAnswer(17); + }} + hover="#e20880" + > + How do I integrate Video? + + + + {showAnswers[17] && ( + + + You can integrate chat functionality by following the instructions outlined in this documentation:{' '} + + Push (EPNS) Documentation for Video + + . + + + )} + + + + { + toggleShowAnswer(18); + }} + hover="#e20880" + > + How do I integrate Spaces? + + + + {showAnswers[18] && ( + + + You can integrate chat functionality by following the instructions outlined in this documentation:{' '} + + Push (EPNS) Documentation for Spaces + + . + + + )} +