cleanup

client/src/components/atoms/CategoryImage.tsx

@@ -127,7 +127,7 @@ const categoryImageFile = (category: string) => {
         case 'Transportation':
         case 'transport':
             return transport
-        case 'Urban Plannin':
+        case 'Urban Planning':
         case 'urbanplanning':
             return urbanplanning
         case 'Visual Arts & Design':

client/src/components/molecules/Pagination.module.scss

@@ -3,9 +3,9 @@
 .pagination {
     display: flex;
     flex-wrap: wrap;
+    justify-content: center;
     margin-top: $spacer * 2;
     margin-bottom: $spacer;
-    justify-content: center;
     padding-left: 0;
 
     li {
@@ -42,8 +42,14 @@
     }
 }
 
-.current {
+.current,
+.prev,
+.next,
+.break {
     composes: number;
+}
+
+.current {
     cursor: default;
     pointer-events: none;
 
@@ -56,19 +62,10 @@
     }
 }
 
-.prev {
-    composes: number;
-}
-
 .next {
-    composes: number;
     text-align: right;
 }
 
 .prevNextDisabled {
     opacity: 0;
 }
-
-.break {
-    composes: number;
-}

client/src/components/molecules/Pagination.test.tsx

@@ -4,7 +4,7 @@ import Pagination from './Pagination'
 
 describe('Button', () => {
     it('renders without crashing', () => {
-        const { container, getByRole } = render(
+        const { container } = render(
             <Pagination
                 totalPages={20}
                 currentPage={1}
@@ -12,5 +12,6 @@ describe('Button', () => {
             />
         )
         expect(container.firstChild).toBeInTheDocument()
+        container.firstChild && expect(container.firstChild.nodeName).toBe('UL')
     })
 })