diff --git a/src/modules/faq/FaqModule.tsx b/src/modules/faq/FaqModule.tsx index d390d798d3..c13857d560 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] && ( - 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. + 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,16 +105,21 @@ function FaqModule() { onClick={() => { toggleShowAnswer(2); }} - hover="#e20880"> + hover="#e20880" + > Is Channel Creation a compulsory process? - + {showAnswers[2] && ( - - 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 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. )} @@ -102,15 +130,21 @@ function FaqModule() { onClick={() => { toggleShowAnswer(3); }} - hover="#e20880"> + hover="#e20880" + > How do I opt into a Channel? - + {showAnswers[3] && ( - 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. + 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. )} @@ -121,15 +155,20 @@ function FaqModule() { onClick={() => { toggleShowAnswer(4); }} - hover="#e20880"> + hover="#e20880" + > Does Opting-in to a Channel require gas fees? - + {showAnswers[4] && ( - 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. + 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. )} @@ -140,15 +179,20 @@ function FaqModule() { onClick={() => { toggleShowAnswer(5); }} - hover="#e20880"> + hover="#e20880" + > Do I need ETHER to interact with the DAPP? - + {showAnswers[5] && ( - 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. + 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. Ether or funds become necessary only when creating a Channel.. @@ -161,9 +205,13 @@ function FaqModule() { onClick={() => { toggleShowAnswer(6); }} - hover="#e20880"> + hover="#e20880" + > How do I receive notifications? - + {showAnswers[6] && ( @@ -172,23 +220,33 @@ 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 @@ -201,15 +259,19 @@ function FaqModule() { onClick={() => { toggleShowAnswer(7); }} - hover="#e20880"> + hover="#e20880" + > What are Spaces? - + {showAnswers[7] && ( - Spaces are live audio chat rooms on our Dapp, enabling real-time conversations among users. + Spaces are live audio chat rooms on our Dapp, enabling real-time conversations among users. )} @@ -220,15 +282,20 @@ function FaqModule() { onClick={() => { toggleShowAnswer(8); }} - hover="#e20880"> + 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. + 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. )} @@ -239,31 +306,44 @@ function FaqModule() { onClick={() => { toggleShowAnswer(9); }} - hover="#e20880"> + 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. + 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

@@ -277,22 +357,30 @@ function FaqModule() { onClick={() => { toggleShowAnswer(10); }} - hover="#e20880"> + hover="#e20880" + > How do I create a Channel? - + {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 . @@ -306,9 +394,13 @@ function FaqModule() { onClick={() => { toggleShowAnswer(11); }} - hover="#e20880"> + hover="#e20880" + > What are the different types of Notifications? - + {showAnswers[11] && ( @@ -332,20 +424,23 @@ function FaqModule() { onClick={() => { toggleShowAnswer(12); }} - hover="#e20880"> + hover="#e20880" + > How do I send notifications? - + {showAnswers[12] && ( - - You can send a notification through various methods: -
    -
  • Using the DAPP
    • -
  • Via the Back-end
    • -
  • Utilizing Smart Contracts
    • -
+ You can send a notification through various methods: +
    +
  • Using the DAPP
    • +
  • Via the Back-end
    • +
  • Utilizing Smart Contracts
    • +
)} @@ -355,9 +450,13 @@ function FaqModule() { onClick={() => { toggleShowAnswer(13); }} - hover="#e20880"> + hover="#e20880" + > How do I use Backend-Sdk and Showrunners? - + {showAnswers[13] && ( @@ -366,13 +465,15 @@ function FaqModule() { 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. @@ -386,9 +487,13 @@ function FaqModule() { onClick={() => { toggleShowAnswer(14); }} - hover="#e20880"> + hover="#e20880" + > How do I use the Front-SDK? - + {showAnswers[14] && ( @@ -397,7 +502,8 @@ function FaqModule() { Push (EPNS) Documentation hub contains in-depth details on how to use our{' '} + href="https://push.org/docs/hackers/push-sdk/" + > Front-end SDK . @@ -411,16 +517,23 @@ function FaqModule() { onClick={() => { toggleShowAnswer(15); }} - hover="#e20880"> + hover="#e20880" + > Where can I find Developer Documentations? - + {showAnswers[15] && ( All of our documentation can be found in our{' '} - + Push (EPNS) Documentation HUB . @@ -434,16 +547,23 @@ function FaqModule() { onClick={() => { toggleShowAnswer(16); }} - hover="#e20880"> + hover="#e20880" + > How do I integrate Chat? - + {showAnswers[16] && ( - You can integrate chat functionality by following the instructions outlined in this documentation: {" "} - + You can integrate chat functionality by following the instructions outlined in this documentation:{' '} + Push (EPNS) Documentation for Chat . @@ -457,17 +577,24 @@ function FaqModule() { onClick={() => { toggleShowAnswer(17); }} - hover="#e20880"> + 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 Chat + You can integrate chat functionality by following the instructions outlined in this documentation:{' '} + + Push (EPNS) Documentation for Video . @@ -480,17 +607,24 @@ function FaqModule() { onClick={() => { toggleShowAnswer(18); }} - hover="#e20880"> - How do I integrate Video? - + 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 Chat + You can integrate chat functionality by following the instructions outlined in this documentation:{' '} + + Push (EPNS) Documentation for Spaces .