From c2bb84bc91983077dd999ce2f190dd5dfb86fc65 Mon Sep 17 00:00:00 2001 From: damedotblog Date: Wed, 19 Feb 2025 13:46:15 -0500 Subject: [PATCH] style loader and fix at proto mentions --- .../CompareScores/CompareScoresResults.js | 2 +- src/components/Home/Home.js | 2 +- src/components/MatterLoadingAnimation.css | 38 +++++++++++--- src/components/Navbar/Navbar.css | 2 +- src/components/PrivacyTerms/Privacy.js | 4 +- src/components/ScoreResult.js | 8 +-- src/components/UserProfile/UserProfile.js | 4 +- .../UserProfile/components/ScoresCard.js | 51 ------------------- src/components/ZenPage.css | 3 ++ src/components/ZenPage.js | 1 + 10 files changed, 47 insertions(+), 68 deletions(-) delete mode 100644 src/components/UserProfile/components/ScoresCard.js create mode 100644 src/components/ZenPage.css diff --git a/src/components/CompareScores/CompareScoresResults.js b/src/components/CompareScores/CompareScoresResults.js index 1f4b8a0..b88a18b 100644 --- a/src/components/CompareScores/CompareScoresResults.js +++ b/src/components/CompareScores/CompareScoresResults.js @@ -115,7 +115,7 @@ const CompareScoresResults = ({ result, loading }) => { checked={showAtproto} onChange={() => setShowAtproto((prev) => !prev)} /> - Show Atproto Score + Show AT Proto Score ); diff --git a/src/components/Home/Home.js b/src/components/Home/Home.js index 609ee37..9f8bca7 100644 --- a/src/components/Home/Home.js +++ b/src/components/Home/Home.js @@ -15,7 +15,7 @@ const Home = () => { />

Welcome

- Generate a Bluesky credibility score. Understand your Atproto data footprint. Vibe check strangers and new accounts. + Generate a Bluesky credibility score. Understand your AT Proto data footprint. Vibe check strangers and new accounts.

Note: this tool is currently in beta and things will change. diff --git a/src/components/MatterLoadingAnimation.css b/src/components/MatterLoadingAnimation.css index efa8af5..b8aa983 100644 --- a/src/components/MatterLoadingAnimation.css +++ b/src/components/MatterLoadingAnimation.css @@ -15,7 +15,8 @@ canvas { .loading-text { font-size: 1em; - margin-top: 20px; + margin-top: 0px; + margin-bottom: 0px; color: #004f84e6; opacity: 1; transition: opacity 0.5s ease-in-out; @@ -37,7 +38,6 @@ canvas { .circle-counters { display: flex; gap: 24.5px;; - margin-top: 10px; font-size: 1.2em; align-content: center; justify-content: center; @@ -47,15 +47,15 @@ canvas { margin: 0px; } - .dark-mode .circle-counters { - opacity: 50%; - } - .counter-item { display: flex; align-items: center; gap: 8px; } + + .version-number p { + margin: 0px; + } .legend-circle { width: 12px; @@ -74,4 +74,30 @@ canvas { .special-circle { background-color: #FFD700; border-color: #FFA500; + } + + .loading-text-container { + display: flex; + flex-direction: column; + align-content: center; + justify-content: center; + text-align: center; + gap: 17px; + } + + .loading-container-1 { + gap: 17px; + } + + .counter-item-regular { + color: #004f84e6; + } + + .counter-item-special { + color: orange; + } + + .version-number { + font-size: 0.7em; + opacity: 0.5; } \ No newline at end of file diff --git a/src/components/Navbar/Navbar.css b/src/components/Navbar/Navbar.css index a29d6fb..408fd8a 100644 --- a/src/components/Navbar/Navbar.css +++ b/src/components/Navbar/Navbar.css @@ -279,7 +279,7 @@ .navbar-actions { align-items: center; display: flex; - gap: 20px; + gap: 5px; justify-content: center; margin-right: 10px; } diff --git a/src/components/PrivacyTerms/Privacy.js b/src/components/PrivacyTerms/Privacy.js index 15141b2..6f2b036 100644 --- a/src/components/PrivacyTerms/Privacy.js +++ b/src/components/PrivacyTerms/Privacy.js @@ -23,7 +23,7 @@ const Privacy = () => {

Information We Access

@@ -61,7 +61,7 @@ const Privacy = () => {

Third-Party Services

diff --git a/src/components/ScoreResult.js b/src/components/ScoreResult.js index 4693fc9..f81f638 100644 --- a/src/components/ScoreResult.js +++ b/src/components/ScoreResult.js @@ -146,7 +146,7 @@ const ScoreResult = ({ result, loading }) => { {/* Atproto Score Breakdown */}
-

Atproto Score Breakdown

+

AT Proto Score Breakdown

{atprotoBreakdown.length > 0 ? ( ) : ( -

No Atproto score breakdown available.

+

No AT Proto score breakdown available.

)}
@@ -194,7 +194,7 @@ const ScoreResult = ({ result, loading }) => { checked={showAtproto} onChange={() => setShowAtproto((prev) => !prev)} /> - Show Atproto Score + Show AT Proto Score ); @@ -214,7 +214,7 @@ const ScoreResult = ({ result, loading }) => {

{`Bluesky Score: ${dataPoint.Bluesky || 0}`}

)} {showAtproto && ( -

{`Atproto Score: ${dataPoint.Atproto || 0}`}

+

{`AT Proto Score: ${dataPoint.Atproto || 0}`}

)}

{`Combined Score: ${dataPoint.Combined || 0}`}

diff --git a/src/components/UserProfile/UserProfile.js b/src/components/UserProfile/UserProfile.js index 29d5fc7..d618cd0 100644 --- a/src/components/UserProfile/UserProfile.js +++ b/src/components/UserProfile/UserProfile.js @@ -272,11 +272,11 @@ const UserProfile = () => {

Bluesky Score: {selectedAccountData.blueskyScore}

-

Atproto Score: {selectedAccountData.atprotoScore}

+

AT Proto Score: {selectedAccountData.atprotoScore}

Bluesky Status: {selectedAccountData.activityAll.bskyActivityStatus}

-

Atproto Status: {selectedAccountData.activityAll.atprotoActivityStatus}

+

AT Proto Status: {selectedAccountData.activityAll.atprotoActivityStatus}

diff --git a/src/components/UserProfile/components/ScoresCard.js b/src/components/UserProfile/components/ScoresCard.js deleted file mode 100644 index 659d2a2..0000000 --- a/src/components/UserProfile/components/ScoresCard.js +++ /dev/null @@ -1,51 +0,0 @@ -// src/components/ScoreCard/ScoreCard.js -import React from 'react'; -import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts'; - -const ScoreCard = ({ blueskyScore, atprotoScore }) => { - // Ensure scores are within 0-100 - const validatedBlueskyScore = Math.max(0, Math.min(blueskyScore, 100)); - const validatedAtprotoScore = Math.max(0, Math.min(atprotoScore, 100)); - - // Data for the bar chart - const data = [ - { - name: 'Scores', - 'Bluesky Score': validatedBlueskyScore, - 'Atproto Score': validatedAtprotoScore, - }, - ]; - - return ( -
-

Account Scores

- - - - - - - - - - - -
-
- Bluesky Score: - {validatedBlueskyScore}/100 -
-
- Atproto Score: - {validatedAtprotoScore}/100 -
-
-
- ); -}; - -export default ScoreCard; diff --git a/src/components/ZenPage.css b/src/components/ZenPage.css new file mode 100644 index 0000000..42cac5c --- /dev/null +++ b/src/components/ZenPage.css @@ -0,0 +1,3 @@ +.loading-text { + display: none; +} \ No newline at end of file diff --git a/src/components/ZenPage.js b/src/components/ZenPage.js index 2bdddd5..b611aa8 100644 --- a/src/components/ZenPage.js +++ b/src/components/ZenPage.js @@ -1,6 +1,7 @@ // src/pages/ZenPage.jsx import React from "react"; import "./MatterLoadingAnimation.css"; +import "./ZenPage.css"; import MatterLoadingAnimation from "./MatterLoadingAnimation"; const ZenPage = () => { -- 2.51.2