feat: change how-to urls to library

Author: benfurber

functions/src/Integrations/firebase-discord.ts

@@ -6,7 +6,7 @@ import { IResearchDB, ResearchUpdateStatus } from 'oa-shared/models/research'
 import { CONFIG } from '../config/config'
 
 import type { AxiosError, AxiosResponse } from 'axios'
-import type { IMapPin,IResearch } from 'oa-shared/models'
+import type { IMapPin, IResearch } from 'oa-shared/models'
 
 const SITE_URL = CONFIG.deployment.site_url
 // e.g. https://dev.onearmy.world or https://community.preciousplastic.com

functions/src/emailNotifications/createModerationEmails.spec.ts

@@ -94,7 +94,7 @@ describe('Create howto moderation emails', () => {
       expect(html).toContain('Mock Howto')
       // Check that the email contains the correct howto link
       expect(html).toContain(
-        'https://community.preciousplastic.com/how-to/00_user_1_howto',
+        'https://community.preciousplastic.com/library/00_user_1_howto',
       )
       // Check that the email contains the correct PP signoff
       expect(html).toContain(PP_SIGNOFF)
@@ -134,7 +134,7 @@ describe('Create howto moderation emails', () => {
       expect(html).toContain('Mock Howto')
       // Check that the email contains the correct howto link
       expect(html).toContain(
-        'https://community.preciousplastic.com/how-to/00_user_1_howto',
+        'https://community.preciousplastic.com/library/00_user_1_howto',
       )
       // Check that the email contains the correct PP signoff
       expect(html).toContain(PP_SIGNOFF)
@@ -180,7 +180,7 @@ describe('Create howto moderation emails', () => {
       )
       // Check that the email contains the correct howto link
       expect(html).toContain(
-        'https://community.preciousplastic.com/how-to/00_user_1_howto',
+        'https://community.preciousplastic.com/library/00_user_1_howto',
       )
       // Check that the email contains the correct PP signoff
       expect(html).toContain(PP_SIGNOFF)
@@ -225,7 +225,7 @@ describe('Create howto moderation emails', () => {
       expect(html).toContain('Mock Howto')
       // Check that the email contains the correct howto link
       expect(html).toContain(
-        'https://community.preciousplastic.com/how-to/00_user_1_howto',
+        'https://community.preciousplastic.com/library/00_user_1_howto',
       )
       // Check that the email contains the correct howto guidelines link
       expect(html).toContain(

functions/src/emailNotifications/templates/how-to-approval.html

@@ -5,7 +5,7 @@
 
 <p>
   It is visible on the community platform
-  <a href="{{site.url}}/how-to/{{howto.slug}}">here</a>.
+  <a href="{{site.url}}/library/{{howto.slug}}">here</a>.
 </p>
 <p>Users are now be able to comment and mark it as useful.</p>
 

functions/src/emailNotifications/templates/how-to-needs-improvements.html

@@ -3,7 +3,7 @@
 <p>Hey {{user.displayName}},</p>
 
 <p>
-  Your project, <a href="{{site.url}}/how-to/{{howto.slug}}">{{howto.title}}</a>,
+  Your project, <a href="{{site.url}}/library/{{howto.slug}}">{{howto.title}}</a>,
   needs more work before we can publish it.
 </p>
 

functions/src/emailNotifications/templates/how-to-rejected.html

@@ -4,7 +4,7 @@
 
 <p>
   Thank you for submitting your project,
-  <a href="{{site.url}}/how-to/{{howto.slug}}">{{howto.title}}</a>. We
+  <a href="{{site.url}}/library/{{howto.slug}}">{{howto.title}}</a>. We
   appreciate your contribution and the time and effort you put into creating it.
 </p>
 <p>

functions/src/emailNotifications/templates/how-to-submission.html

@@ -4,7 +4,7 @@
 
 <p>
   Huzzah! Your project
-  <a href="{{site.url}}/how-to/{{howto.slug}}">{{howto.title}}</a> has been
+  <a href="{{site.url}}/library/{{howto.slug}}">{{howto.title}}</a> has been
   submitted.
 </p>
 <p>

packages/components/src/UserStatistics/UserStatistics.test.tsx

@@ -36,7 +36,7 @@ describe('UserStatistics', () => {
     )
     const howtoLink = getByTestId('howto-link')
 
-    expect(howtoLink.getAttribute('href')).toBe('/how-to?q=Test User')
+    expect(howtoLink.getAttribute('href')).toBe('/library?q=Test User')
   })
 
   it('renders research link when on research stats', () => {

packages/components/src/UserStatistics/UserStatistics.tsx

@@ -83,7 +83,7 @@ export const UserStatistics = (props: UserStatisticsProps) => {
 
         {props.howtoCount > 0 && (
           <InternalLink
-            to={'/how-to?q=' + props.userName}
+            to={'/library?q=' + props.userName}
             sx={{ color: 'black' }}
             data-testid="howto-link"
           >

packages/cypress/src/integration/common.spec.ts

@@ -17,18 +17,18 @@ describe('[Common]', () => {
   })
 
   it('[Page Navigation]', () => {
-    cy.visit('/how-to')
+    cy.visit('/library')
     cy.wait(2000)
 
     cy.step('Go to Academy page')
     cy.get('[data-cy=page-link]').contains('Academy').click()
     cy.wait(2000)
     cy.url().should('include', '/academy')
 
-    cy.get('[data-cy=page-link]').contains('How-to').click()
     cy.step('Go to library page')
+    cy.get('[data-cy=page-link]').contains('Library').click()
     cy.wait(2000)
-    cy.url().should('include', '/how-to')
+    cy.url().should('include', '/library')
 
     cy.step('Go to Map page')
     cy.get('[data-cy=page-link]').contains('Map').click()
@@ -38,12 +38,12 @@ describe('[Common]', () => {
 
   describe('[User feeback button]', () => {
     it('[Desktop]', () => {
-      cy.visit('/how-to')
+      cy.visit('/library')
       cy.wait(2000)
       cy.get('[data-cy=feedback]').should('contain', 'Report a Problem')
       cy.get('[data-cy=feedback]')
         .should('have.attr', 'href')
-        .and('contain', '/how-to?sort=Newest')
+        .and('contain', '/library?sort=Newest')
 
       cy.visit('/map')
       cy.wait(2000)
@@ -55,12 +55,12 @@ describe('[Common]', () => {
     it('[Mobile]', () => {
       cy.viewport('iphone-6')
 
-      cy.visit('/how-to')
+      cy.visit('/library')
       cy.wait(2000)
       cy.get('[data-cy=feedback]').should('contain', 'Problem?')
       cy.get('[data-cy=feedback]')
         .should('have.attr', 'href')
-        .and('contain', '/how-to?sort=Newest')
+        .and('contain', '/library?sort=Newest')
 
       cy.visit('/map')
       cy.wait(2000)
@@ -73,15 +73,15 @@ describe('[Common]', () => {
   describe('[User Menu]', () => {
     it('[By Anonymous]', () => {
       cy.step('Login and Join buttons are available')
-      cy.visit('/how-to')
+      cy.visit('/library')
       cy.wait(2000)
       cy.get('[data-cy=login]').should('be.visible')
       cy.get('[data-cy=join]').should('be.visible')
       cy.get('[data-cy=user-menu]').should('not.exist')
     })
 
     it('[By Authenticated]', () => {
-      cy.visit('/how-to')
+      cy.visit('/library')
 
       cy.step('Login and Join buttons are unavailable to logged-in users')
       const user = generateNewUserDetails()

packages/cypress/src/integration/howto/discussions.spec.ts

@@ -17,7 +17,7 @@ const howtoDiscussion = Object.values(MOCK_DATA.discussions).find(
 describe('[Howto.Discussions]', () => {
   it('can open using deep links', () => {
     const firstComment = howtoDiscussion.comments[0]
-    cy.visit(`/how-to/${item.slug}#comment:${firstComment._id}`)
+    cy.visit(`/library/${item.slug}#comment:${firstComment._id}`)
     cy.wait(2000)
     cy.checkCommentItem(firstComment.text, 2)
   })
@@ -27,12 +27,12 @@ describe('[Howto.Discussions]', () => {
     cy.addHowto(howto, visitor)
     cy.signUpNewUser(visitor)
 
-    const newComment = `An interesting howto. ${visitor.username}`
-    const updatedNewComment = `An interesting howto. The answer must be that when the sky is red, the apocalypse _might_ be on the way. Yours, ${visitor.username}`
+    const newComment = `An interesting project. ${visitor.username}`
+    const updatedNewComment = `An interesting project. The answer must be that when the sky is red, the apocalypse _might_ be on the way. Yours, ${visitor.username}`
     const newReply = `Thanks Dave and Ben. What does everyone else think? - ${visitor.username}`
     const updatedNewReply = `Anyone else? All the best, ${visitor.username}`
 
-    const howtoPath = `/how-to/howto-for-discussion-${visitor.username}`
+    const howtoPath = `/library/howto-for-discussion-${visitor.username}`
 
     cy.step('Can add comment')
     cy.visit(howtoPath)