Openverse Redesign (#478)

* Update figma links in README

* Search results title (#577)

* Fix ci tests by restoring scopedSlots param in search results title spec

* Fix search result title casing

* Updated load more button (#578)

* Update `content-types` test with load more button changes

* VHeader (#488)

* Add VHeader stub
Rename VSearchBar and VSearchButton and move to VHeader
Add VLogoLoader to VHeader and adjust header styles

* Extract search route handling into composable, set Logo loading when fetching

* Update pnpm lockfile

* Add VFilterButton (#489)

Co-authored-by: sarayourfriend <[email protected]>
Co-authored-by: Zack Krida <[email protected]>

* Add searchbar to header (#491)

Co-authored-by: sarayourfriend <[email protected]>
Co-authored-by: Zack Krida <[email protected]>

* Update references to `InputField` to point to `VInputField` (#586)

* New 404 page (#583)

Co-authored-by: Krystle Salazar <[email protected]>

Co-authored-by: Zack Krida <[email protected]>
Co-authored-by: sarayourfriend <[email protected]>
Co-authored-by: Dhruv Bhanushali <[email protected]>
Co-authored-by: Krystle Salazar <[email protected]>

* Fix video tab

The media store query.mediaType is null for video, so it's not possible to use it as a key to look up results in the store

* Fix filters e2e tests by opening the sidebar

* Fix openverse.pot after-merge problems

* Fix e2e tests

* Show a generated artwork when the audio thumbnail is absent (#600)

* Fix single result back links

* Fix photo detail test

* Fix photo-details test

* Combine layouts into a single default (#599)

* Add header icons (#604)

* Fix error when `<rect>` dimensions are negative (#605)

* Add `VContentLink` component (#560)

Co-authored-by: sarayourfriend <[email protected]>
Co-authored-by: Olga Bulat <[email protected]>

* Prevent unsupported media types causing header errors

* Better video tab fix

* Remove sample audio data (#571)

Co-authored-by: Krystle Salazar <[email protected]>
Co-authored-by: Olga Bulat <[email protected]>
Co-authored-by: sarayourfriend <[email protected]>
Co-authored-by: Dhruv Bhanushali <[email protected]>
Co-authored-by: Krystle Salazar <[email protected]>

README.md

@@ -1,7 +1,7 @@
 <img src="https://github.com/WordPress/openverse/raw/main/brand/banner.svg" width="100%"/>
 
 <p align="center">
-  <a href="https://github.com/orgs/WordPress/projects/3">Project Board</a> | <a href="https://make.wordpress.org/openverse/">Community Site</a> | <a href="https://make.wordpress.org/chat/">#openverse @ Slack</a> | <a href="https://make.wordpress.org/openverse/handbook/openverse-handbook/">Handbook</a> | <a href="https://www.figma.com/files/project/31962071/Openverse?fuid=979162431688906882">Figma</a>
+  <a href="https://github.com/orgs/WordPress/projects/3">Project Board</a> | <a href="https://make.wordpress.org/openverse/">Community Site</a> | <a href="https://make.wordpress.org/chat/">#openverse @ Slack</a> | <a href="https://make.wordpress.org/openverse/handbook/openverse-handbook/">Handbook</a> | <a href="https://www.figma.com/file/w60dl1XPUvSaRncv1Utmnb/Openverse-Releases">Figma Mockups</a>  | <a href="https://www.figma.com/file/GIIQ4sDbaToCfFQyKMvzr8/Openverse-Design-Library">Figma Design Library</a>
 </p>
 
 # Openverse Frontend

package.json

@@ -65,6 +65,7 @@
     "lodash.findindex": "^4.6.0",
     "lodash.isempty": "^4.4.0",
     "lodash.sortby": "^4.7.0",
+    "lodash.throttle": "^4.1.1",
     "node-html-parser": "^5.1.0",
     "nuxt": "^2.15.4",
     "reakit-utils": "^0.15.2",
@@ -79,7 +80,7 @@
     "@nuxtjs/storybook": "^4.1.1",
     "@nuxtjs/style-resources": "^1.0.0",
     "@playwright/test": "^1.16.2",
-    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/user-event": "^13.2.1",
     "@testing-library/vue": "^5.8.2",
     "@types/jest": "^26.0.22",
@@ -112,7 +113,7 @@
   },
   "engines": {
     "node": ">= 16.0.0",
-    "pnpm": ">=6.24.0"
+    "pnpm": ">= 6.24.0"
   },
   "browserslist": [
     "> 1%",

playwright.config.js

@@ -4,5 +4,6 @@ const config = {
   use: {
     baseURL: 'http://localhost:8443',
   },
+  timeout: 1 * 60 * 1000,
 }
 module.exports = config