Refactor AdminRoom component to simplify queue display (#1)

* Refactor AdminRoom component to simplify queue display

- Removed unnecessary conditional rendering for sound and flash notifications in the Speaking Queue section of the AdminRoom component, streamlining the layout and improving readability.

Signed-off-by: Pete Cheslock <[email protected]>

* Add GitHub link and creator attribution to Home component

- Introduced a separator section in the Home component that includes a link to the project's GitHub repository and attribution to the creator, enhancing user engagement and providing easy access to the source code.

Signed-off-by: Pete Cheslock <[email protected]>

---------

Signed-off-by: Pete Cheslock <[email protected]>

Author: petecheslock

src/components/AdminRoom.jsx

@@ -337,33 +337,11 @@ const AdminRoom = ({ userSession, onSessionEnd }) => {
         {/* Queue */}
         <div className="bg-white rounded-lg shadow-sm">
           <div className="p-6 border-b">
-            <div className="flex items-center justify-between">
-              <div>
-                <h2 className="text-xl font-semibold text-gray-900">Speaking Queue</h2>
-                <p className="text-gray-600 mt-1">
-                  {queue.length === 0 ? 'No one in queue' : `${queue.length} person${queue.length > 1 ? 's' : ''} waiting to speak`}
-                </p>
-              </div>
-              {(soundEnabled || flashEnabled) && (
-                <div className="flex items-center gap-2">
-                  {soundEnabled && (
-                    <div className="flex items-center text-sm text-green-600 bg-green-50 px-3 py-1 rounded-full">
-                      <svg className="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 12.728M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z" />
-                      </svg>
-                      Sound
-                    </div>
-                  )}
-                  {flashEnabled && (
-                    <div className="flex items-center text-sm text-yellow-600 bg-yellow-50 px-3 py-1 rounded-full">
-                      <svg className="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 10V3L4 14h7v7l9-11h-7z" />
-                      </svg>
-                      Flash
-                    </div>
-                  )}
-                </div>
-              )}
+            <div>
+              <h2 className="text-xl font-semibold text-gray-900">Speaking Queue</h2>
+              <p className="text-gray-600 mt-1">
+                {queue.length === 0 ? 'No one in queue' : `${queue.length} person${queue.length > 1 ? 's' : ''} waiting to speak`}
+              </p>
             </div>
           </div>
 

src/components/Home.jsx

@@ -88,6 +88,37 @@ const Home = ({ userSession, onSessionEnd }) => {
             </button>
           )}
         </div>
+
+        {/* Separator */}
+        <div className="mt-8 pt-6 border-t border-gray-200">
+          <div className="flex flex-col sm:flex-row items-center justify-center gap-3 text-sm text-gray-600">
+            <a
+              href="https://github.com/petecheslock/handstack"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="flex items-center gap-2 hover:text-primary-600 transition-colors"
+            >
+              <svg className="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
+                <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
+              </svg>
+              View on GitHub
+            </a>
+            
+            <span className="hidden sm:inline text-gray-400">•</span>
+            
+            <span className="text-gray-500">
+              Created by{' '}
+              <a
+                href="https://bsky.app/profile/petecheslock.bsky.social"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="hover:text-primary-600 transition-colors font-medium"
+              >
+                petecheslock
+              </a>
+            </span>
+          </div>
+        </div>
       </div>
 
       {/* End Session Confirmation Modal */}