From 533fa16de719f86146e91991d5083e737813d463 Mon Sep 17 00:00:00 2001
From: blam <ben@blam.sh>
Date: Wed, 16 Mar 2022 17:51:39 +0100
Subject: [PATCH] chore: move to filter layout components that are new and
 shiny

Signed-off-by: blam <ben@blam.sh>
---
 .../src/next/TemplateListPage/TemplateListPage.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/plugins/scaffolder/src/next/TemplateListPage/TemplateListPage.tsx b/plugins/scaffolder/src/next/TemplateListPage/TemplateListPage.tsx
index 7663d4a002..1b18dce805 100644
--- a/plugins/scaffolder/src/next/TemplateListPage/TemplateListPage.tsx
+++ b/plugins/scaffolder/src/next/TemplateListPage/TemplateListPage.tsx
@@ -17,7 +17,6 @@
 import React from 'react';
 import { TemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';
 
-import { makeStyles } from '@material-ui/core';
 import {
   Content,
   ContentHeader,
@@ -30,6 +29,7 @@ import {
   EntityListProvider,
   EntitySearchBar,
   EntityTagPicker,
+  CatalogFilterLayout,
   UserListPicker,
 } from '@backstage/plugin-catalog-react';
 import { CategoryPicker } from './CategoryPicker';
@@ -75,8 +75,8 @@ export const TemplateListPage = (props: TemplateListPageProps) => {
             </SupportButton>
           </ContentHeader>
 
-          <div className={styles.contentWrapper}>
-            <div>
+          <CatalogFilterLayout>
+            <CatalogFilterLayout.Filters>
               <EntitySearchBar />
               <EntityKindPicker initialFilter="template" hidden />
               <UserListPicker
@@ -85,14 +85,14 @@ export const TemplateListPage = (props: TemplateListPageProps) => {
               />
               <CategoryPicker />
               <EntityTagPicker />
-            </div>
-            <div>
+            </CatalogFilterLayout.Filters>
+            <CatalogFilterLayout.Content>
               <TemplateGroups
                 groups={groups}
                 TemplateCardComponent={TemplateCardComponent}
               />
-            </div>
-          </div>
+            </CatalogFilterLayout.Content>
+          </CatalogFilterLayout>
         </Content>
       </Page>
     </EntityListProvider>