From 1a0997a5696b023fa6d20a0bb3f973eb596193d5 Mon Sep 17 00:00:00 2001 From: damedotblog Date: Fri, 14 Feb 2025 14:59:54 -0500 Subject: [PATCH] add circular logo --- public/credbluebadge.png | Bin 0 -> 21323 bytes src/components/UserProfile/CircularLogo.js | 84 +++++++++++++++++++++ src/components/UserProfile/UserProfile.js | 7 ++ 3 files changed, 91 insertions(+) create mode 100644 public/credbluebadge.png create mode 100644 src/components/UserProfile/CircularLogo.js diff --git a/public/credbluebadge.png b/public/credbluebadge.png new file mode 100644 index 0000000000000000000000000000000000000000..d55ad661160fcdf4a94030ac37d1043847f221de GIT binary patch literal 21323 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 vmGEi8oktzii#A*d*gwgTe~DWM4fk-=~; literal 0 HcmV?d00001 diff --git a/src/components/UserProfile/CircularLogo.js b/src/components/UserProfile/CircularLogo.js new file mode 100644 index 0000000..9e2198f --- /dev/null +++ b/src/components/UserProfile/CircularLogo.js @@ -0,0 +1,84 @@ +import React, { useEffect, useRef } from 'react'; + +const CircularLogo = ({ + did = "did:plc:gq4fo3u6tqzzdkjlwzpb23tj", + logoSrc = "/api/placeholder/100/100", + size = 200, + textColor = "#333333" +}) => { + // Format the DID with bullet points for better spacing + const text = `${did} `; + const textGroupRef = useRef(null); + const logoSize = size * 0.4; + const radius = (size / 2) - 20; + + // Repeat text to ensure full coverage + const repeatedText = text.repeat(2); // We need fewer repeats with this approach + + useEffect(() => { + if (textGroupRef.current) { + let rotation = 0; + let animationFrameId; + + const animate = () => { + rotation = (rotation - 0.2) % 360; // Negative for clockwise rotation + if (textGroupRef.current) { + textGroupRef.current.style.transform = `rotate(${rotation}deg)`; + } + animationFrameId = requestAnimationFrame(animate); + }; + + animate(); + + return () => { + if (animationFrameId) { + cancelAnimationFrame(animationFrameId); + } + }; + } + }, []); + + return ( +
+ + {/* Group for rotating text */} + + + + + + + + {repeatedText} + + + + + {/* Center circle for logo - outside the rotating group */} + + +
+ ); +}; + +export default CircularLogo; \ No newline at end of file diff --git a/src/components/UserProfile/UserProfile.js b/src/components/UserProfile/UserProfile.js index 17f081b..f2856dc 100644 --- a/src/components/UserProfile/UserProfile.js +++ b/src/components/UserProfile/UserProfile.js @@ -6,6 +6,7 @@ import { loadAccountData } from "../../accountData"; import Card from "../Card/Card"; import MatterLoadingAnimation from "../MatterLoadingAnimation"; import ScoreGauge from './ScoreGauge'; +import CircularLogo from './CircularLogo'; import ProfileCard from "./components/ProfileCard"; import NarrativeCard from "./components/NarrativeCard"; @@ -100,6 +101,12 @@ const UserProfile = () => {
+

{displayName}

@{resolvedHandle}

-- 2.51.2