From ff134d5779edc3d66a044793030974d1014aa30b Mon Sep 17 00:00:00 2001
From: Jiku Godwill Nsanwi <65053264+Jikugodwill@users.noreply.github.com>
Date: Mon, 12 Feb 2024 11:21:05 +0100
Subject: [PATCH 1/5] Added alt to images

---
 apps/builddao/widget/login.jsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/builddao/widget/login.jsx b/apps/builddao/widget/login.jsx
index 6da084fc..abb039d6 100644
--- a/apps/builddao/widget/login.jsx
+++ b/apps/builddao/widget/login.jsx
@@ -82,13 +82,19 @@ const LoginView = () => {
   return (
     <LoginContainer>
       <div className="card">
-        <img src="https://ipfs.near.social/ipfs/bafkreihbwho3qfvnu4yss3eh5jrx6uxhrlzdgtdjyzyjrpa6odro6wdxya" />
+        <img
+          src="https://ipfs.near.social/ipfs/bafkreihbwho3qfvnu4yss3eh5jrx6uxhrlzdgtdjyzyjrpa6odro6wdxya"
+          alt="Build DAO Logo"
+        />
         <h1>
           Designed to connect and empower builders in a multi-chain ecosystem
         </h1>
         <button onClick={props.requestSignIn}>Login</button>
       </div>
-      <img src="https://ipfs.near.social/ipfs/bafybeibqnkvafyflci4iap73prugmjw4wlwmrazbiudvnsyr34yzmk75i4" />
+      <img
+        src="https://ipfs.near.social/ipfs/bafybeibqnkvafyflci4iap73prugmjw4wlwmrazbiudvnsyr34yzmk75i4"
+        alt="Preview of Profiles"
+      />
     </LoginContainer>
   );
 };

From b9ed7cf9045de048be4daa2bf6bf6aa052f41d2b Mon Sep 17 00:00:00 2001
From: Jikugodwill <jikugodwill@yahoo.com>
Date: Tue, 13 Feb 2024 09:26:25 +0100
Subject: [PATCH 2/5] Added UI fix for input tags

---
 apps/builddao/widget/OnboardingFlow.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/builddao/widget/OnboardingFlow.jsx b/apps/builddao/widget/OnboardingFlow.jsx
index 59427256..b3beacd4 100644
--- a/apps/builddao/widget/OnboardingFlow.jsx
+++ b/apps/builddao/widget/OnboardingFlow.jsx
@@ -250,7 +250,7 @@ function OnboardingFlow() {
               width={120}
             />
           </div>
-          <div style={{ width: "500px" }}>
+          <div style={{width:"100%", maxWidth: "500px" }}>
             <StepsComponent />
           </div>
           <Button

From 8f7e57583939d93f978dcb176edb8823a088abc1 Mon Sep 17 00:00:00 2001
From: Jikugodwill <jikugodwill@yahoo.com>
Date: Tue, 13 Feb 2024 10:08:00 +0100
Subject: [PATCH 3/5] indentation fix

---
 apps/builddao/widget/OnboardingFlow.jsx | 26 ++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/apps/builddao/widget/OnboardingFlow.jsx b/apps/builddao/widget/OnboardingFlow.jsx
index b3beacd4..a62c7e46 100644
--- a/apps/builddao/widget/OnboardingFlow.jsx
+++ b/apps/builddao/widget/OnboardingFlow.jsx
@@ -3,7 +3,7 @@ const { Modal, Button, ProgressState } = VM.require(
 ) || {
   Modal: () => <></>,
   Button: () => <></>,
-  ProgressState: () => <></>
+  ProgressState: () => <></>,
 };
 
 const DaoSDK = VM.require("sdks.near/widget/SDKs.Sputnik.DaoSDK");
@@ -19,7 +19,7 @@ const sdk = DaoSDK(daoID);
 const groupMembers = sdk.getMembersByGroupId({ groupId: "community" }) ?? [];
 
 const StorageKey = {
-  userCompletedOnboarding: "userCompletedOnboarding"
+  userCompletedOnboarding: "userCompletedOnboarding",
 };
 
 function onFollow(accountId) {
@@ -30,20 +30,20 @@ function onFollow(accountId) {
         key: "follow",
         value: {
           type,
-          accountId: accountId
-        }
+          accountId: accountId,
+        },
       }),
       notify: JSON.stringify({
         key: accountId,
         value: {
-          type
-        }
-      })
-    }
+          type,
+        },
+      }),
+    },
   };
 
   Social.set(data, {
-    force: true
+    force: true,
   });
 }
 
@@ -60,7 +60,7 @@ function OnboardingFlow() {
     `${context.accountId}/graph/follow/${daoID}`,
     undefined,
     {
-      values_only: true
+      values_only: true,
     }
   );
   const userAlreadyFollowDao =
@@ -125,7 +125,7 @@ function OnboardingFlow() {
         `${context.accountId}/graph/follow/${account}`,
         undefined,
         {
-          values_only: true
+          values_only: true,
         }
       );
       if (accountfollowEdge && Object.keys(accountfollowEdge).length > 0) {
@@ -213,7 +213,7 @@ function OnboardingFlow() {
                 props={{
                   template: PostTemplate,
                   requiredHashtags: requiredHashtags,
-                  postBtnText: "Create Your First Post"
+                  postBtnText: "Create Your First Post",
                 }}
               />
             </div>
@@ -250,7 +250,7 @@ function OnboardingFlow() {
               width={120}
             />
           </div>
-          <div style={{width:"100%", maxWidth: "500px" }}>
+          <div style={{ width: "100%", maxWidth: "500px" }}>
             <StepsComponent />
           </div>
           <Button

From d305e9dd157487b16de91d12e12377b3f3f77d93 Mon Sep 17 00:00:00 2001
From: Jikugodwill <jikugodwill@yahoo.com>
Date: Tue, 13 Feb 2024 19:11:06 +0100
Subject: [PATCH 4/5] Update OnboardingFlow component

---
 apps/builddao/widget/OnboardingFlow.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/builddao/widget/OnboardingFlow.jsx b/apps/builddao/widget/OnboardingFlow.jsx
index a62c7e46..ddab1069 100644
--- a/apps/builddao/widget/OnboardingFlow.jsx
+++ b/apps/builddao/widget/OnboardingFlow.jsx
@@ -147,7 +147,7 @@ function OnboardingFlow() {
             <h3>Welcome!</h3>
             <div>
               <p className="text-muted">First off, follow our DAO</p>
-              <Container className="d-flex justify-content-between align-items-center py-3 px-4">
+              <Container className="d-flex justify-content-center align-items-center gap-2 flex-wrap py-3 px-4">
                 <Widget
                   src="mob.near/widget/Profile.ShortInlineBlock"
                   props={{ accountId: daoID }}
@@ -248,6 +248,7 @@ function OnboardingFlow() {
             <img
               src="https://ipfs.near.social/ipfs/bafkreihbwho3qfvnu4yss3eh5jrx6uxhrlzdgtdjyzyjrpa6odro6wdxya"
               width={120}
+              alt="Build DAO Logo"
             />
           </div>
           <div style={{ width: "100%", maxWidth: "500px" }}>

From e810724925dade855ade2d36488b377171a96463 Mon Sep 17 00:00:00 2001
From: Jikugodwill <jikugodwill@yahoo.com>
Date: Tue, 13 Feb 2024 23:41:57 +0100
Subject: [PATCH 5/5] Add alt text to images

---
 apps/builddao/widget/components/navigation/header.jsx     | 2 ++
 apps/builddao/widget/components/profile/ImageUploader.jsx | 2 +-
 apps/builddao/widget/home/goals.jsx                       | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/builddao/widget/components/navigation/header.jsx b/apps/builddao/widget/components/navigation/header.jsx
index 23c42aaf..7c2b27b2 100644
--- a/apps/builddao/widget/components/navigation/header.jsx
+++ b/apps/builddao/widget/components/navigation/header.jsx
@@ -109,6 +109,7 @@ const AppHeader = ({ page, routes, ...props }) => (
           <img
             style={{ width: 85, objectFit: "cover" }}
             src="https://ipfs.near.social/ipfs/bafkreihbwho3qfvnu4yss3eh5jrx6uxhrlzdgtdjyzyjrpa6odro6wdxya"
+            alt="Build DAO Logo"
           />
         </Link>
         <ButtonGroup style={{ flex: 1 }}>
@@ -145,6 +146,7 @@ const AppHeader = ({ page, routes, ...props }) => (
           <img
             style={{ width: 85, objectFit: "cover" }}
             src="https://ipfs.near.social/ipfs/bafkreihbwho3qfvnu4yss3eh5jrx6uxhrlzdgtdjyzyjrpa6odro6wdxya"
+            alt="Build DAO Logo"
           />
         </Link>
         <Button
diff --git a/apps/builddao/widget/components/profile/ImageUploader.jsx b/apps/builddao/widget/components/profile/ImageUploader.jsx
index 04ae39f2..d8e984bc 100644
--- a/apps/builddao/widget/components/profile/ImageUploader.jsx
+++ b/apps/builddao/widget/components/profile/ImageUploader.jsx
@@ -25,7 +25,7 @@ const uploadFile = (files) => {
 return (
   <>
     {img ? (
-      <img src={`https://ipfs.near.social/ipfs/${img}`} />
+      <img src={`https://ipfs.near.social/ipfs/${img}`} alt="Image Preview" />
     ) : (
       <Widget
         src="mob.near/widget/Image"
diff --git a/apps/builddao/widget/home/goals.jsx b/apps/builddao/widget/home/goals.jsx
index a68deda3..1391f0a2 100644
--- a/apps/builddao/widget/home/goals.jsx
+++ b/apps/builddao/widget/home/goals.jsx
@@ -201,7 +201,7 @@ const GridItem = ({ tag, title, description, image, isFirst }) => {
   return (
     <Card>
       <div className="image">
-        <img src={image} />
+        <img src={image} alt="Item Image" />
       </div>
       <div className="content">
         <span className="tag">{tag}</span>