Configure Storybook

frontend/src/components/OAuth2SessionList.tsx

@@ -13,6 +13,7 @@
 // limitations under the License.
 
 import { graphql, usePaginationFragment } from "react-relay";
+import Button from "./Button";
 import OAuth2Session from "./OAuth2Session";
 
 import { OAuth2SessionList_user$key } from "./__generated__/OAuth2SessionList_user.graphql";
@@ -47,11 +48,7 @@ const OAuth2SessionList: React.FC<Props> = ({ user }) => {
       {data.oauth2Sessions.edges.map((n) => (
         <OAuth2Session key={n.cursor} session={n.node} />
       ))}
-      {hasNext ? (
-        <button className="bg-accent p-2 rounded" onClick={() => loadNext(2)}>
-          Load more
-        </button>
-      ) : null}
+      {hasNext && <Button onClick={() => loadNext(2)}>Load more</Button>}
     </div>
   );
 };