LL-307

Dockerfile

@@ -1,20 +1,20 @@
-# Base image for account microservice.  This image uses amd64 as the architecture 
-FROM amd64/node:18-bullseye
-
-# Specifies app directory as working directory in docker image
-WORKDIR /app
-
-# Exposes port 3000 which is the same port specified in vite.config.ts
-EXPOSE 3000
-
-# Copy config files to app directory in docker image
-COPY package.json package-lock.json ./
-
-# Install all dependencies to run account microservice in silent mode
-RUN npm install --silent
-
-# Copy all other files to app directory in docker image
-COPY . ./
-
-# run the command specified in the package.json to start the console microservice
+# Base image for account microservice.  This image uses amd64 as the architecture 
+FROM amd64/node:18-bullseye
+
+# Specifies app directory as working directory in docker image
+WORKDIR /app
+
+# Exposes port 3000 which is the same port specified in vite.config.ts
+EXPOSE 3000
+
+# Copy config files to app directory in docker image
+COPY package.json package-lock.json ./
+
+# Install all dependencies to run account microservice in silent mode
+RUN npm install --silent
+
+# Copy all other files to app directory in docker image
+COPY . ./
+
+# run the command specified in the package.json to start the console microservice
 CMD ["npm", "run", "dev"]

src/components/AccountView.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import Header from "./Header";
+
+export const AccountView = () => {
+    return (
+        <div className="min-h-screen flex flex-col items-center p-4 bg-card-light-blue">
+            {/* What's New Section */}
+            <div className="w-full max-w-4xl mb-8 p-4 border border-transparent hover:border-duke-blue bg-card-sky-blue">
+                <h1 className="text-duke-blue">What's New!</h1>
+                <p className="text-duke-blue">[Change log notes]</p>
+            </div>
+
+            {/* Extra Sections */}
+            <div className="w-full max-w-4xl grid grid-cols-1 md:grid-cols-3 gap-4 ">
+                <div className="p-4 border border-transparent hover:border-duke-blue bg-card-sky-blue">
+                    <h2 className="text-duke-blue">Extra</h2>
+                    <p className="text-duke-blue">[Misc. / Links]</p>
+                </div>
+                <div className="p-4 border border-transparent hover:border-duke-blue bg-card-sky-blue">
+                    <h2 className="text-duke-blue">Extra</h2>
+                    <p className="text-duke-blue">[Misc. / Links]</p>
+                </div>
+                <div className="p-4 border border-transparent hover:border-duke-blue bg-card-sky-blue">
+                    <h2 className="text-duke-blue">Extra</h2>
+                    <p className="text-duke-blue">[Misc. / Links]</p>
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default AccountView;