diff --git a/app/components/ArticleKeepGoing/index.tsx b/app/components/ArticleKeepGoing/index.tsx
deleted file mode 100644
index 6129fa77..00000000
--- a/app/components/ArticleKeepGoing/index.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import React, {ReactNode} from 'react'
-import Button from '../Button'
-import ListTable from '~/components/Table'
-import './keepGoing.css'
-export interface Article {
- title: string
- pageid: string
-}
-export interface NextArticle {
- title: string
- pageid: string
- icon: any
-}
-export interface ArticleKeepGoingProps {
- /**
- * Category of the article
- */
- category: string
- /**
- * Related articles
- */
- articles: Article[]
- /**
- * Next article
- */
- next: NextArticle
-}
-export const ArticleKeepGoing = ({category, articles, next}: ArticleKeepGoingProps) => {
- const nextArticle = (pageId) => {
- console.log('Next article')
- location.href = `/${pageId}`
- }
- return (
-
-
Keep going! 👉
-
Continue with the next article in {category}
-
- {next.title}
-
-
-
Or, jump to related questions
-
-
- )
-}
diff --git a/app/components/Button/button.css b/app/components/Button/button.css
index ef2b067d..42d9f9b8 100644
--- a/app/components/Button/button.css
+++ b/app/components/Button/button.css
@@ -12,7 +12,8 @@
}
.primary {
- background: var(--colors-teal-500, #1d9089);
+ /* background: var(--colors-teal-500, #1d9089); */
+ background: red;
font-weight: 600;
color: var(--colors-white, #ffffff);
}
diff --git a/app/components/Table/index.tsx b/app/components/Table/index.tsx
index e4231cf3..9b3f65d0 100644
--- a/app/components/Table/index.tsx
+++ b/app/components/Table/index.tsx
@@ -2,11 +2,16 @@ import {Link} from '@remix-run/react'
import {ArrowUpRight} from '~/components/icons-generated'
import './listTable.css'
+export type ListItem = {
+ pageid: string
+ title: string
+ hasIcon?: boolean
+}
export type ListTableProps = {
/**
* Browse by category
*/
- elements: any[]
+ elements: ListItem[]
}
export const ListTable = ({elements}: ListTableProps) => (
diff --git a/app/components/icons-generated/Aisafety.tsx b/app/components/icons-generated/Aisafety.tsx
index 86f63304..8b98d0b6 100644
--- a/app/components/icons-generated/Aisafety.tsx
+++ b/app/components/icons-generated/Aisafety.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react'
import type {SVGProps} from 'react'
const SvgAisafety = (props: SVGProps
) => (