apiUtil 이용해서 api 접근

Author: eunhye-ahn

polling-app-client/.idea/.gitignore

@@ -2,6 +2,8 @@
   "name": "polling-app-client",
   "version": "0.1.0",
   "private": true,
+  "proxy": "http://localhost:8080",
+
   "dependencies": {
     "antd": "^3.2.2",
     "react": "^16.5.2",

polling-app-client/.idea/misc.xml

@@ -1,3 +1,5 @@
+import HomeDashboard from '../components/Dashboard/HomeDashboard';
+
 import React, { Component } from 'react';
 import './App.css';
 import {
@@ -9,7 +11,6 @@ import {
 import { getCurrentUser } from '../util/APIUtils';
 import { ACCESS_TOKEN } from '../constants';
 
-import PollList from '../poll/PollList';
 import NewPoll from '../poll/NewPoll';
 import Login from '../user/login/Login';
 import Signup from '../user/signup/Signup';
@@ -99,13 +100,23 @@ class App extends Component {
           <Content className="app-content">
             <div className="container">
               <Switch>      
-                <Route exact path="/" 
-                  render={(props) => <PollList isAuthenticated={this.state.isAuthenticated} 
-                      currentUser={this.state.currentUser} handleLogout={this.handleLogout} {...props} />}>
-                </Route>
-                <Route path="/login" 
+                <Route exact path="/"
+                  render={(props) => (
+                    <HomeDashboard
+                      currentUser={this.state.currentUser}
+                      isAuthenticated={this.state.isAuthenticated}
+                      handleLogout={this.handleLogout}
+                      {...props}
+                    />
+                  )}
+                />
+
+
+
+                <Route path="/login"
                   render={(props) => <Login onLogin={this.handleLogin} {...props} />}></Route>
                 <Route path="/signup" component={Signup}></Route>
+
                 <Route path="/users/:username" 
                   render={(props) => <Profile isAuthenticated={this.state.isAuthenticated} currentUser={this.state.currentUser} {...props}  />}>
                 </Route>

polling-app-client/.idea/modules.xml

@@ -34,6 +34,7 @@ class AppHeader extends Component {
               <img src={pollIcon} alt="poll" className="poll-icon" />
             </Link>
           </Menu.Item>,
+
           <Menu.Item key="/profile" className="profile-menu">
                 <ProfileDropdownMenu 
                   currentUser={this.props.currentUser} 

polling-app-client/.idea/polling-app-client.iml

@@ -0,0 +1,72 @@
+.poll-container {
+  width: 100%;
+  max-width: 600px; /* 또는 위에 그룹 카드랑 똑같은 너비 */
+  margin: 0 auto;
+  background-color: white;
+  padding: 20px;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+  border-radius: 10px;
+}
+
+
+.group-actions-text {
+  flex: 1;
+}
+
+.group-actions-text h3 {
+  font-size: 1.2rem;
+  margin-bottom: 8px;
+  color: #333;
+}
+
+.group-actions-text p {
+  font-size: 0.95rem;
+  color: #666;
+  line-height: 1.5;
+}
+
+.group-actions-buttons {
+  display: flex;
+  gap: 12px;
+}
+
+.create-btn {
+  background-color: #2196f3;
+  color: white;
+  border: none;
+  padding: 10px 16px;
+  font-size: 0.95rem;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background-color 0.3s;
+}
+
+.create-btn:hover {
+  background-color: #1976d2;
+}
+
+.join-btn {
+  background-color: #f1f1f1;
+  color: #333;
+  border: none;
+  padding: 10px 16px;
+  font-size: 0.95rem;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background-color 0.3s;
+}
+
+.join-btn:hover {
+  background-color: #ddd;
+}
+
+.group-actions-container {
+  background-color: #fff;
+  padding: 24px;
+  border-radius: 12px;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+}