From b5f9c30eb061e0f6cb203734962ee17e8d45ca17 Mon Sep 17 00:00:00 2001
From: pashpashpash <nik@nugbase.com>
Date: Wed, 22 Jan 2025 00:34:41 -0800
Subject: [PATCH] added profile pic

---
 src/core/webview/ClineProvider.ts                 |  2 +-
 webview-ui/src/components/account/AccountView.tsx | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/core/webview/ClineProvider.ts b/src/core/webview/ClineProvider.ts
index e673ed0591..693ad72391 100644
--- a/src/core/webview/ClineProvider.ts
+++ b/src/core/webview/ClineProvider.ts
@@ -344,7 +344,7 @@ export class ClineProvider implements vscode.WebviewViewProvider {
             <meta charset="utf-8">
             <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
             <meta name="theme-color" content="#000000">
-            <meta http-equiv="Content-Security-Policy" content="default-src 'none'; font-src ${webview.cspSource}; style-src ${webview.cspSource} 'unsafe-inline'; img-src ${webview.cspSource} data:; script-src 'nonce-${nonce}';">
+            <meta http-equiv="Content-Security-Policy" content="default-src 'none'; font-src ${webview.cspSource}; style-src ${webview.cspSource} 'unsafe-inline'; img-src ${webview.cspSource} https: data:; script-src 'nonce-${nonce}';">
             <link rel="stylesheet" type="text/css" href="${stylesUri}">
 			<link href="${codiconsUri}" rel="stylesheet" />
             <title>Cline</title>
diff --git a/webview-ui/src/components/account/AccountView.tsx b/webview-ui/src/components/account/AccountView.tsx
index 2a579abbc5..6c5473d6a3 100644
--- a/webview-ui/src/components/account/AccountView.tsx
+++ b/webview-ui/src/components/account/AccountView.tsx
@@ -53,6 +53,18 @@ const AccountView = ({ onDone }: AccountViewProps) => {
 				<div style={{ marginBottom: 5 }}>
 					{isLoggedIn ? (
 						<>
+							{userInfo?.photoURL && (
+								<img 
+									src={userInfo.photoURL}
+									alt="Profile"
+									style={{
+										width: 48,
+										height: 48,
+										borderRadius: "50%",
+										marginBottom: 10
+									}}
+								/>
+							)}
 							<div style={{ fontSize: "14px", marginBottom: 10 }}>
 								{userInfo?.displayName && <div>Name: {userInfo.displayName}</div>}
 								{userInfo?.email && <div>Email: {userInfo.email}</div>}