Update FAQ page (#1038)

* Update FAQ page * Remove FaqIntro text since the link is not available * Fix faq tests * Fix faq tests * Add faq test
podkrepi-bg · Sep 29, 2022 · d4019e6 · d4019e6
1 parent fc1bbf9
commit d4019e6
Show file tree

Hide file tree

Showing 14 changed files with 123 additions and 627 deletions.
diff --git a/e2e/local/homepage.spec.ts b/e2e/local/homepage.spec.ts
@@ -23,48 +23,33 @@ test('test homepage', async ({ page }) => {
   // Click h2:has-text("Често задавани въпроси")
   await page.locator('h2:has-text("Често задавани въпроси")').click()
 
-  // Click text=Какво представлява Подкрепи.бг?Подкрепи.бг е платформа за среща между хора, коит >> [data-testid="ExpandMoreIcon"]
-  await page
-    .locator(
-      'text=Какво представлява Подкрепи.бг?Подкрепи.бг е платформа за среща между хора, коит >> [data-testid="ExpandMoreIcon"]',
-    )
-    .click()
+  // Click text=Какво е Подкрепи.бг?
+  await page.locator('text=Какво е Подкрепи.бг?').click()
 
-  // Click text=Подкрепи.бг е платформа за среща между хора, които искат да съберат средства за
+  // Click text=Ние сме общност от доброволци, обединени от идеята да създаваме устойчиви решения за развитието на дарителството в България.
   await page
     .locator(
-      'text=Подкрепи.бг е платформа за среща между хора, които искат да съберат средства за ',
+      'text=Ние сме общност от доброволци, обединени от идеята да създаваме устойчиви решения за развитието на дарителството в България. ',
     )
     .click()
 
-  // Click text=Защо направихте нова платформа, когато вече има и други?
-  await page.locator('text=Защо направихте нова платформа, когато вече има и други?').click()
+  // Click text=Какво е „безкомпромисна прозрачност”?
+  await page.locator('text=Какво е „безкомпромисна прозрачност”?').click()
 
-  // Click text=Накратко - целта ни е да увеличим доверието на обществото в дарителските организ
-  await page
-    .locator(
-      'text=Накратко - целта ни е да увеличим доверието на обществото в дарителските организ',
-    )
-    .click()
+  // Click text=Нашето разбиране за „безкомпромисна прозрачност” е:
+  await page.locator('text=Нашето разбиране за „безкомпромисна прозрачност” е:').click()
 
-  // Click text=Как гарантирате прозрачност и какво значи “софтуер с отворен код”?
-  await page
-    .locator('text=Как гарантирате прозрачност и какво значи “софтуер с отворен код”?')
-    .click()
+  // Click text=Какви са технологичните ви предимства?
+  await page.locator('text=Какви са технологичните ви предимства?').click()
 
   // Click text=Софтуер с отворен код е установена практика, при която всеки, без ограничение, м
   await page
     .locator(
-      'text=Софтуер с отворен код е установена практика, при която всеки, без ограничение, м',
+      'text=Използваме модерни решения и технологии за подсигуряване на платформата – React, Next.js като frontend, PostgreSQL като база данни, а цялостната инфраструктура се управлява на принципа на Infrastructure-as-Codе.',
     )
     .click()
 
   // Click text=Вижте всички >> nth=1
   await page.locator('text=Вижте всички').nth(1).click()
   await expect(page).toHaveURL('http://localhost:3040/faq')
-
-  // Click text=Моделът ни на работа се основава на Принципите, които ни обединяват
-  await page
-    .locator('text=Моделът ни на работа се основава на Принципите, които ни обединяват')
-    .click()
 })
diff --git a/e2e/staging/homepage.spec.ts b/e2e/staging/homepage.spec.ts
@@ -25,48 +25,32 @@ test('test homepage on staging', async ({ page }) => {
   // Click h2:has-text("Често задавани въпроси")
   await page.locator('h2:has-text("Често задавани въпроси")').click()
 
-  // Click text=Какво представлява Подкрепи.бг?Подкрепи.бг е платформа за среща между хора, коит >> [data-testid="ExpandMoreIcon"]
-  await page
-    .locator(
-      'text=Какво представлява Подкрепи.бг?Подкрепи.бг е платформа за среща между хора, коит >> [data-testid="ExpandMoreIcon"]',
-    )
-    .click()
+  // Click text=Какво е Подкрепи.бг?
+  await page.locator('text=Какво е Подкрепи.бг?').click()
 
-  // Click text=Подкрепи.бг е платформа за среща между хора, които искат да съберат средства за
+  // Click text=Ние сме общност от доброволци, обединени от идеята да създаваме устойчиви решения за развитието на дарителството в България.
   await page
     .locator(
-      'text=Подкрепи.бг е платформа за среща между хора, които искат да съберат средства за ',
+      'text=Ние сме общност от доброволци, обединени от идеята да създаваме устойчиви решения за развитието на дарителството в България. ',
     )
     .click()
+  // Click text=Какво е „безкомпромисна прозрачност”?
+  await page.locator('text=Какво е „безкомпромисна прозрачност”?').click()
 
-  // Click text=Защо направихте нова платформа, когато вече има и други?
-  await page.locator('text=Защо направихте нова платформа, когато вече има и други?').click()
-
-  // Click text=Накратко - целта ни е да увеличим доверието на обществото в дарителските организ
-  await page
-    .locator(
-      'text=Накратко - целта ни е да увеличим доверието на обществото в дарителските организ',
-    )
-    .click()
+  // Click text=Нашето разбиране за „безкомпромисна прозрачност” е:
+  await page.locator('text=Нашето разбиране за „безкомпромисна прозрачност” е:').click()
 
-  // Click text=Как гарантирате прозрачност и какво значи “софтуер с отворен код”?
-  await page
-    .locator('text=Как гарантирате прозрачност и какво значи “софтуер с отворен код”?')
-    .click()
+  // Click text=Какви са технологичните ви предимства?
+  await page.locator('text=Какви са технологичните ви предимства?').click()
 
-  // Click text=Софтуер с отворен код е установена практика, при която всеки, без ограничение, м
+  // Click text=Използваме модерни решения и технологии за подсигуряване на платформата – React, Next.js като frontend, PostgreSQL като база данни, а цялостната инфраструктура се управлява на принципа на Infrastructure-as-Codе.
   await page
     .locator(
-      'text=Софтуер с отворен код е установена практика, при която всеки, без ограничение, м',
+      'text=Използваме модерни решения и технологии за подсигуряване на платформата – React, Next.js като frontend, PostgreSQL като база данни, а цялостната инфраструктура се управлява на принципа на Infrastructure-as-Codе.',
     )
     .click()
 
   // Click text=Вижте всички >> nth=1
   await page.locator('text=Вижте всички').nth(1).click()
   await expect(page).toHaveURL('https://dev.podkrepi.bg/faq')
-
-  // Click text=Моделът ни на работа се основава на Принципите, които ни обединяват
-  await page
-    .locator('text=Моделът ни на работа се основава на Принципите, които ни обединяват')
-    .click()
 })
diff --git a/public/locales/bg/index.json b/public/locales/bg/index.json
@@ -4,7 +4,6 @@
   "title2": "Подкрепи.бг - прозрачна дарителска онлайн платформа",
   "metaDescription": "Подкрепи.бг е прозрачна и безплатна онлайн дарителска платформа, създадена от доброволния труд на членовете на сдружение Подкрепи БГ.",
   "jumbotron": {
-    "heading": "Стимулираме дарителската култура чрез прозрачност в набирането и разпределянето на средства за каузите, без да удържаме такси и комисиони за Подкрепи.бг.",
     "maximum-transparency": "с максимална степен на прозрачност",
     "zero-commission": "с 0% комисиона",
     "eliminate-misuse": "целяща да елиминира злоупотребите с дарителски кампании",

diff --git a/public/locales/en/index.json b/public/locales/en/index.json
@@ -4,7 +4,6 @@
   "title2": "Podkrepi.bg - a transparent online donation platform",
   "metaDescription": "Podkrepi.bg is a transparent online donation platform created by a team of volunteers from the Podkrepi BG organization.",
   "jumbotron": {
-    "heading": "We stimulate the donation culture through transparency in raising and allocating funds to the causes without deducting fees and commissions for Podkrepi.bg.",
     "maximum-transparency": "with maximum transparency",
     "zero-commission": "with 0% commission",
     "eliminate-misuse": "aimed at eliminating misuses of donation campaigns",

diff --git a/src/components/faq/FaqPage.tsx b/src/components/faq/FaqPage.tsx
@@ -7,15 +7,12 @@ import Layout from 'components/layout/Layout'
 
 import OnHold from './OnHold'
 import ContactUs from './ContactUs'
-import FaqIntro from './FaqIntro'
 import ScrollToTop from './ScrollToTop'
 import VerticalTabs from './VerticalTabs'
 import ExpandableListItem from './ExpandableListItem'
 import {
   DONATION_QUESTIONS,
   COMMON_QUESTIONS,
-  MONTHLY_DONATION_QUESTIONS,
-  POTENTION_SCAM_QUESTIONS,
   CAMPAIGN_QUESTIONS,
   ATTRACTING_DONATORS_QUESTIONS,
   PARTNERSHIPS_QUESTIONS,
@@ -36,7 +33,7 @@ export default function FaqPage({ section }: { section: string }) {
   }
   return (
     <Layout title={t('nav.campaigns.faq')}>
-      <FaqIntro />
+      {/* <FaqIntro /> */}
       <TabContext value={value}>
         <Stack direction={{ xs: 'column', md: 'row' }}>
           <VerticalTabs setValue={setValue} />
@@ -55,16 +52,6 @@ export default function FaqPage({ section }: { section: string }) {
               visible ? <ExpandableListItem key={header} header={header} content={content} /> : [],
             )}
           </TabPanel>
-          <TabPanel value="recurring-donations" sx={{ p: 0 }}>
-            {MONTHLY_DONATION_QUESTIONS.flatMap(({ header, content, visible }) =>
-              visible ? <ExpandableListItem key={header} header={header} content={content} /> : [],
-            )}
-          </TabPanel>
-          <TabPanel value="potential-fraud" sx={{ p: 0 }}>
-            {POTENTION_SCAM_QUESTIONS.flatMap(({ header, content, visible }) =>
-              visible ? <ExpandableListItem key={header} header={header} content={content} /> : [],
-            )}
-          </TabPanel>
           <TabPanel value="attracting-donators" sx={{ p: 0 }}>
             {ATTRACTING_DONATORS_QUESTIONS.flatMap(({ header, content, visible }) =>
               visible ? <ExpandableListItem key={header} header={header} content={content} /> : [],

diff --git a/src/components/faq/VerticalTabs.tsx b/src/components/faq/VerticalTabs.tsx
@@ -33,8 +33,6 @@ const VerticalTabs = ({ setValue }: Props) => {
         <Tab label="Общи въпроси" value="common-questions" />
         <Tab label="Кампании" value="campaigns" />
         <Tab label="Дарения" value="donations" />
-        <Tab label="Месечни дарения" value="recurring-donations" />
-        <Tab label="Потенциални злоупотреби" value="potential-fraud" />
         <Tab label="Привличане на дарители" value="attracting-donators" />
         <Tab label="Корпоративни партньорства" value="corporate-partnership" />
       </TabList>

diff --git a/src/components/faq/contents/ContentTypography.tsx b/src/components/faq/contents/ContentTypography.tsx
@@ -6,11 +6,7 @@ type Props = PropsWithChildren<TypographyProps>
 
 const ContentTypography = ({ children, ...props }: Props) => {
   return (
-    <Typography
-      sx={{ color: theme.palette.text.secondary }}
-      variant="subtitle1"
-      component="span"
-      {...props}>
+    <Typography sx={{ color: theme.palette.text.secondary }} variant="subtitle1" {...props}>
       {children}
     </Typography>
   )

diff --git a/src/components/faq/contents/campaigns.tsx b/src/components/faq/contents/campaigns.tsx
@@ -187,24 +187,6 @@ export const CAMPAIGN_QUESTIONS: ContentType[] = [
       </ContentTypography>
     ),
   },
-  {
-    visible: true,
-    header: 'Подкрепи.бг прави ли проверки на кампаниите на място?',
-    content: (
-      <ContentTypography>
-        Да, всяка кампания може да бъде посетена от представител на Подкрепи.бг. Всеки месец наши
-        представители посещават част от организаторите на кампании на място и попълват{' '}
-        <ExternalLink variant="subtitle1" href={undefined}>
-          {' тази бланка'}
-        </ExternalLink>
-        , даваща информация за надеждността на Организатора/ Бенефициента, било то отделен човек или
-        дадена организация. Това може да се осъществи чрез онлайн видео среща или на място. Може да
-        се случи по наша преценка или при сигнал за съмнение за злоупотреба. Не по-късно от 1
-        календарна седмица преди въпросното посещение, Подкрепи.бг уведомява Организатора на
-        кампанията за предстоящата среща.
-      </ContentTypography>
-    ),
-  },
   {
     header:
       'Получих email, в който се казва, че кампанията ми трябва да бъде одобрена - какво означава това?',