add deps for styling and base components

.eslintrc.json

@@ -0,0 +1,20 @@
+{
+  "parser": "@typescript-eslint/parser",
+  "extends": [
+    "next/core-web-vitals",
+    "plugin:security/recommended-legacy",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "plugins": ["jsx-a11y", "tailwindcss"],
+  "rules": {
+    "tailwindcss/no-custom-classname": "off",
+    "tailwindcss/classnames-order": "off",
+    "@typescript-eslint/no-unused-vars": 1,
+    "@typescript-eslint/ban-ts-ignore": 0,
+    "@typescript-eslint/ban-ts-comment": 0,
+    "@typescript-eslint/no-explicit-any": 0,
+    "no-unused-vars": 0,
+    "security/detect-object-injection": "off",
+    "jsx-a11y/alt-text": "off"
+  }
+}

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,18 +1,27 @@
-## Description
+### Description
 
-<!-- a summary of the changes introduced by this PR and the motivation behind them -->
+<!--- Summarize the changes that can be found in this PR and how your reviewers should test these changes. -->
 
-## Screenshots
+### Type(s) of changes
 
-<!-- (optional) when applicable, please include some screenshots or gifs that illustrate the changes -->
+<!--- Put an `x` in all the boxes that apply. -->
 
-## Checklist
+- [ ] Bug fix
+- [ ] New feature
+- [ ] Update to an existing feature
 
-- [ ] :green_book: all commit messages follow the [conventional commits](https://conventionalcommits.org/) standard
-- [ ] :arrow_left: changes are compatible with RTL direction
-- [ ] :wheelchair: Changes to the UI are [tested for accessibility](./../README.md#accessibility-testing) and compliant with [WCAG 2.1](https://www.w3.org/TR/WCAG21/).
-- [ ] :memo: changes are tested in Chrome, Firefox, Safari and Edge
-- [ ] :iphone: changes are responsive and tested in mobile
-- [ ] :+1: PR is approved by @zendesk/vikings
+### Motivation for PR
 
-<!-- More info about the contribution process can be found at https://github.com/zendesk/copenhagen_theme#contributing -->
+<!--- If it addresses an open issue, please link to the issue here, otherwise, briefly describe the issue. -->
+
+### How Has This Been Tested?
+
+<!--- Please note how you have tested your changes. Browsers, accessibility, devices, unit tests, etc. -->
+
+### Applicable screenshots
+
+<!--- When appropriate, upload screenshots. -->
+
+### Follow-up PR
+
+<!--- When appropriate, please note what your reviewers can expect in a follow up PR. -->

.prettierignore

@@ -0,0 +1,5 @@
+.vscode
+.yarn
+dist
+templates
+translations

manifest.json

@@ -1,5 +1,5 @@
 {
-  "name": "Copenhagen Test",
+  "name": "Copenhagen",
   "author": "Zendesk",
   "version": "4.2.2",
   "api_version": 4,

package.json

@@ -1,6 +1,5 @@
 {
   "name": "copenhagen_theme",
-  "version": "1.22.18",
   "repository": "git@github.com:zendesk/copenhagen_theme.git",
   "scripts": {
     "start": "concurrently -k -r 'rollup -c -w' 'wait-on script.js style.css && zcli themes:preview'",

src/context/uiProvider.tsx

@@ -19,7 +19,7 @@ export const useUIProvider = () => {
   return context;
 };
 
-export const UIProvider: FC<PropsWithChildren> = ({ children }) => {
+export const UIProvider: FC<PropsWithChildren<{}>> = ({ children }) => {
   const [theme, setTheme] = useState<Theme>('light');
 
   useEffect(() => {

src/lib/types.ts

@@ -56,3 +56,10 @@ export type GlobalSettings = {
   };
   connectBlockNewsletterTitle: string;
 };
+
+export interface Navigation {
+  article_id: number;
+  html_url: string;
+  title: string;
+  snippet: string;
+}