Skip to content

Commit

Permalink
Added a new ProfileAvatar component and inserted it into _app.tsx
Browse files Browse the repository at this point in the history
  • Loading branch information
colin-codegen[bot] authored Sep 20, 2023
1 parent 0aca018 commit f3b7a45
Show file tree
Hide file tree
Showing 2 changed files with 14 additions and 0 deletions.
12 changes: 12 additions & 0 deletions src/components/ProfileAvatar.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
// src/components/ProfileAvatar.tsx
import React from 'react';

const ProfileAvatar = () => {
return (
<div>
<img src="" alt="Profile Avatar" />

Check warning on line 7 in src/components/ProfileAvatar.tsx

View workflow job for this annotation

GitHub Actions / Lint with ESLint and Prettier

Do not use `<img>` element. Use `<Image />` from `next/image` instead. See: https://nextjs.org/docs/messages/no-img-element
</div>
);
};

export default ProfileAvatar;
2 changes: 2 additions & 0 deletions src/pages/_app.tsx
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
"use client";

import { type AppType } from "next/app";
import ProfileAvatar from '@components/ProfileAvatar';
import ThemeProvider from "@components/ui/Theme/ThemeProvider";
import "../styles/globals.css";
import { QueryClient, QueryClientProvider } from "react-query";
Expand All @@ -17,6 +18,7 @@ const MyApp: AppType = ({ Component, pageProps: { ...pageProps } }) => {
// Provide the client to your App
<ThemeProvider>
<QueryClientProvider client={queryClient}>
<ProfileAvatar />
<Component {...pageProps} />
</QueryClientProvider>
</ThemeProvider>
Expand Down

0 comments on commit f3b7a45

Please sign in to comment.