Merge pull request #11 from eunhye-ahn/frontend/group-vote-page

[FE] 댓글 : 작성, 조회, 삭제 기능 구현

Author: eunhye-ahn

polling-app-client/.idea/.gitignore

@@ -2,12 +2,14 @@
   "name": "polling-app-client",
   "version": "0.1.0",
   "private": true,
+  "proxy": "http://localhost:8080",
   "dependencies": {
     "antd": "^3.2.2",
     "react": "^16.5.2",
     "react-dom": "^16.5.2",
     "react-router-dom": "^4.3.1",
-    "react-scripts": "1.1.5"
+    "react-scripts": "1.1.5",
+    "slick-carousel": "^1.8.1"
   },
   "scripts": {
     "start": "react-app-rewired start",

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

@@ -1,3 +1,7 @@
+import HomeDashboard from '../components/Dashboard/HomeDashboard';
+import GroupPollList from '../components/Dashboard/GroupPollList';
+import MyComments from '../components/Dashboard/MyComments';
+
 import React, { Component } from 'react';
 import './App.css';
 import {
@@ -9,7 +13,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';
@@ -19,6 +22,7 @@ import NotFound from '../common/NotFound';
 import LoadingIndicator from '../common/LoadingIndicator';
 import PrivateRoute from '../common/PrivateRoute';
 
+
 import { Layout, notification } from 'antd';
 const { Content } = Layout;
 
@@ -99,19 +103,41 @@ 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>
                 <PrivateRoute authenticated={this.state.isAuthenticated} path="/poll/new" component={NewPoll} handleLogout={this.handleLogout}></PrivateRoute>
-                <Route component={NotFound}></Route>
-              </Switch>
+<PrivateRoute
+    path="/groups/:groupId/polls"
+    component={GroupPollList}
+    authenticated={this.state.isAuthenticated}
+  />
+
+  <PrivateRoute
+    path="/polls/:pollId/comments"
+    component={MyComments}
+    authenticated={this.state.isAuthenticated}
+  />
+
+  <Route component={NotFound} />
+</Switch>
             </div>
           </Content>
         </Layout>

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

@@ -1,26 +1,22 @@
 import React from 'react';
-import {
-    Route,
-    Redirect
-  } from "react-router-dom";
-  
-  
-const PrivateRoute = ({ component: Component, authenticated, ...rest }) => (
-    <Route
-      {...rest}
-      render={props =>
-        authenticated ? (
-          <Component {...rest} {...props} />
-        ) : (
-          <Redirect
-            to={{
-              pathname: '/login',
-              state: { from: props.location }
-            }}
-          />
-        )
-      }
-    />
+import { Route, Redirect } from "react-router-dom";
+
+const PrivateRoute = ({ component: Component, render, authenticated, ...rest }) => (
+  <Route
+    {...rest}
+    render={props =>
+      authenticated ? (
+        render ? render(props) : <Component {...props} />
+      ) : (
+        <Redirect
+          to={{
+            pathname: '/login',
+            state: { from: props.location }
+          }}
+        />
+      )
+    }
+  />
 );
-  
-export default PrivateRoute
+
+export default PrivateRoute;

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

@@ -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%;
+}