diff --git a/.python-version b/.python-version
new file mode 100644
index 0000000..75422e2
--- /dev/null
+++ b/.python-version
@@ -0,0 +1 @@
+3.7.2-amd64
diff --git a/components/global/ArticleCard.tsx b/components/global/ArticleCard.tsx
index c752f48..d3e4cf1 100644
--- a/components/global/ArticleCard.tsx
+++ b/components/global/ArticleCard.tsx
@@ -77,14 +77,17 @@ const StyledEmoji2 = styled.span`
 const StyleButton = styled(Button)`
   font-weight: bold;
   border-radius: 0.5em;
-  background:  ${props => props.isPublished ? !props.bookmarked ? '#4EC700 !important' : '#007BED !important' : '#007BED !important'};
-  border-color:  ${props => props.isPublished ? !props.bookmarked ? '#4EC700 !important' : '#007BED !important' : '#007BED !important'};
+  background:  ${props => props.modReview ? '#007BED !important' : props.isPublished ? !props.bookmarked ? '#4EC700 !important' : '#007BED !important' : '#007BED !important'};
+  border-color:  ${props => props.modReview ? '#007BED !important' : props.isPublished ? !props.bookmarked ? '#4EC700 !important' : '#007BED !important' : '#007BED !important'};
 `
 
 
 
 /* article state: draft, review, pubished, complete*/
-const ArticleCard = ({ article, showAuth = false, onLeftButtonClick = null, onRightButtonClick = null, favoriteClick = null }) => {
+const ArticleCard = ({ article, currentTag = null, currentOrg = null,
+   modReview=false, showAuth = false, onLeftButtonClick = null, onRightButtonClick = null,
+    favoriteClick = null}) => {
+
   const tags = article.tagList.map((tag, i) =>
     (<StyledSpan>
       <CustomLink
@@ -158,7 +161,7 @@ const ArticleCard = ({ article, showAuth = false, onLeftButtonClick = null, onRi
             {/* rigt bottom: show two buttons */}
             <Col>
               <Button
-                disabled={article.isPublished}
+                disabled={article.isPublished && !modReview}
                 onClick={onLeftButtonClick}
                 style={{
                   border: "none",
@@ -169,15 +172,20 @@ const ArticleCard = ({ article, showAuth = false, onLeftButtonClick = null, onRi
                   article.isPublished ? (article.readtime && article.readtime + ' min read') :
                     article.needsReview ? 'Reject' : 'Delete'
                 }
+                {
+                  modReview ? 'Reject' : null
+                }
+
               </Button>
               <StyleButton
                 type={"primary"}
                 onClick={onRightButtonClick}
                 isPublished={article.isPublished}
                 bookmarked={article.bookmarked}
+                modReview={modReview}
               >
                 {
-                  article.isPublished ? article.bookmarked ? 'BookMarked' : 'Bookmark' :
+                    modReview ? 'Published' : article.isPublished ? article.bookmarked ? "Bookmarked" : 'BookMark' :
                     article.needsReview ? 'Published' : 'Edit'
                 }
               </StyleButton>
diff --git a/components/global/ArticleList.tsx b/components/global/ArticleList.tsx
index 6da6ce2..bdae4bc 100644
--- a/components/global/ArticleList.tsx
+++ b/components/global/ArticleList.tsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import ArticleCard from './ArticleCard'
 import {List} from 'antd'
+import TagAPI from "../../lib/api/tag";
 
 const ArticleList = props =>(
     <List
@@ -8,11 +9,16 @@ const ArticleList = props =>(
       dataSource={props.articles}
       renderItem={article => (
         <List.Item>
-           <ArticleCard
+          {props.modReview ? <ArticleCard
+             article = {article}
+             modReview = {props.modReview}
+             onLeftButtonClick = {() => TagAPI.rejectTag(article,props.currentTag)}
+             onRightButtonClick = {props.onRightButtonClick}
+           /> : <ArticleCard
               article = {article}
               onLeftButtonClick = {props.onLeftButtonClick}
               onRightButtonClick = {props.onRightButtonClick}
-            />
+            />}
         </List.Item>
       )}
     />
diff --git a/components/global/User.tsx b/components/global/User.tsx
index c5d2b73..39a5f50 100644
--- a/components/global/User.tsx
+++ b/components/global/User.tsx
@@ -8,7 +8,7 @@ const StyledListItemMeta = styled(List.Item.Meta)`
     align-items: center;
     font-size : 1em;
     flex: none;
-    
+
     .ant-list-item-meta-avatar {
       margin-right: 1.2em;
     }
@@ -23,7 +23,7 @@ const StyledListItemMeta = styled(List.Item.Meta)`
       color: #000000
       word-wrap: break-word;
     }
-    
+
     .ant-list-item-meta-description {
       font-family: Open Sans, sans-serif;
       font-style: normal;
@@ -40,12 +40,12 @@ const User = (props) =>(
     avatar={ <Avatar src= {props.image} size = { props.avatarSize || 50}/>}
     title={props.username}
     description={
-      (props.hasButton &&
-        <Button 
-          type ={'primary'} 
+      (props.hasButton && !props.currentOrg &&
+        <Button
+          type ={'primary'}
           size={'small'}
           onClick = {props.onClick}
-          style={{ 
+          style={{
             background: props.following ? '#4EC700':'#007BED' ,
             borderColor :  props.following ? '#4EC700':'#007BED' ,
             borderRadius: '0.5em',
diff --git a/components/global/UserList.tsx b/components/global/UserList.tsx
index 8b55107..31746f0 100644
--- a/components/global/UserList.tsx
+++ b/components/global/UserList.tsx
@@ -1,7 +1,8 @@
 import React from 'react';
 import User from './User'
 import styled from 'styled-components'
-import {List, Skeleton} from 'antd';
+import { List, Skeleton, Button } from 'antd';
+import OrganizationsAPI from "../../lib/api/organizations";
 
 const StyledHeader = styled.div`
   font-family: Open Sans, sans-serif;
@@ -13,7 +14,13 @@ const StyledHeader = styled.div`
   margin-bottom: 0.2em;
 `
 
-const UserList = (props) => (
+const UserList = (props) => {
+
+  const handleClick = (org,user) => {
+    OrganizationsAPI.removeFromOrg(org,user);
+  }
+
+  return (
   <>
     <StyledHeader>{props.header}</StyledHeader>
     <List
@@ -24,18 +31,35 @@ const UserList = (props) => (
 
         <List.Item style={{border: 'none'}}>
           <Skeleton avatar title={false} loading={props.loading} active>
-            <User 
+            <User
+              currentOrg = {props.currentOrg ? props.currentOrg : null}
               name = {user['profile']['username']}
               image = {user['profile']['image']}
               username = {user['profile']['username']}
               following = {user['profile']['following']}
               hasButton = {true}
             />
+            {props.currentOrg ? <Button
+                type={'primary'}
+                size={'middle'}
+                onClick={() => handleClick(props.currentOrg,user['profile']['username'])}
+                style={{
+                  fontSize: '1em',
+                  fontWeight: 'bold',
+                  background: '#DD2E44',
+                  borderColor: '#DD2E44',
+                  borderRadius: '0.5em',
+                  padding: '0em 1em',
+              }}>
+                Delete
+              </Button> : null
+            }
           </Skeleton>
         </List.Item>
       )}
     />
   </>
-)
+  )
+}
 
-export default UserList
\ No newline at end of file
+export default UserList
diff --git a/components/profile/GroupSetting.tsx b/components/profile/GroupSetting.tsx
new file mode 100644
index 0000000..aba1941
--- /dev/null
+++ b/components/profile/GroupSetting.tsx
@@ -0,0 +1,156 @@
+import React from 'react';
+import styled from 'styled-components'
+import { Row, Col, Card, Avatar, Button,
+   Space, Layout, Typography, Form,
+   Input, Upload } from 'antd';
+import { UserOutlined } from '@ant-design/icons';
+import UserAPI from "../../lib/api/user";
+import OrganizationsAPI from "../../lib/api/organizations";
+import TagAPI from "../../lib/api/tag";
+
+import useSWR from "swr";
+import fetcher from "../../lib/utils/fetcher";
+import storage from "../../lib/utils/storage";
+import { SERVER_BASE_URL } from "../../lib/utils/constant";
+
+const { Header, Footer, Sider, Content } = Layout;
+const { Title, Paragraph, Text } = Typography;
+const { TextArea } = Input;
+
+const { Search } = Input;
+
+const StyledCard = styled(Card)`
+  margin-right: 20px
+`
+
+const GroupSetting = ({ currentOrg = null, currentTag = null, page }) => {
+
+  const {
+    data: tagOrg,
+    error: tagOrgError,
+  } = currentOrg ? useSWR(`${SERVER_BASE_URL}/organizations/${currentOrg}`, fetcher) :
+      useSWR(`${SERVER_BASE_URL}/tags/${currentTag}`, fetcher)
+
+  {/*returns description: etc*/}
+  const editDescription = desc => {
+    if (currentOrg) {
+      const description = desc.description;
+      OrganizationsAPI.changeOrgDescription(currentOrg, desc)
+    } else {
+      TagAPI.changeTagDescription(currentTag, desc)
+    }
+  }
+
+  const uploadPic = pic => {
+    if (currentOrg) {
+      OrganizationsAPI.changeOrgPic(pic)
+    } else {
+      TagAPI.changeTagPic(pic)
+    }
+  }
+
+  {/*returns string*/}
+  const changeSlug = slug => {
+    if (currentOrg) {
+      OrganizationsAPI.changeOrgSlug(currentOrg, slug)
+    } else {
+      TagAPI.changeTagSlug(currentTag, slug)
+    }
+  }
+
+  {/*returns number*/}
+  const editModSettings = setting => {
+    if (currentOrg) {
+      OrganizationsAPI.changeModSettingOrg(currentOrg, setting)
+    } else {
+      TagAPI.changeModSettingTag(currentTag, setting)
+    }
+  }
+
+  if (tagOrg) {
+    return (
+      <>
+        <Row>
+          <Col>
+            <Row gutter={40}>
+              <Col>
+                <Row>
+                  <Title level={4}>{currentOrg ? "Org Profile Pic" : "Tag Profile Pic"}</Title>
+                </Row>
+                <Row>
+                  <Avatar src={currentOrg ? tagOrg.organization.image : tagOrg.tag.icon} style={{ margin: "0px 42px 10px" }} />
+                </Row>
+                <Row style={{ margin: "0px 0px 15px" }}>
+                  <Upload customRequest={uploadPic} showUploadList={false}>
+                    <Button type="primary" >Reupload Icon</Button>
+                  </Upload>
+                </Row>
+                <Row>
+                  <Title level={4}>{currentOrg ? "Org Slug" : "Tag Slug"}</Title>
+                </Row>
+                <Row style={{ margin: "0px 0px 15px" }}>
+                  <Search
+                    placeholder={currentOrg ? currentOrg : currentTag}
+                    defaultValue={currentOrg ? currentOrg : currentTag}
+                    addonBefore="bitproject.org/"
+                    enterButton="edit"
+                    onSearch={value => changeSlug(value)}
+                  />
+                </Row>
+              </Col>
+
+              <Col>
+                <Title level={4}>{currentOrg ? "Org Description" : "Tag Description"}</Title>
+                <Form onFinish={editDescription}
+                  initialValues={{
+                    description: currentOrg ? tagOrg.organization.description : tagOrg.tag.description
+                  }}>
+                  <Form.Item name="description">
+                    <TextArea
+                      placeholder="Org Description here"
+                      autoSize={{ minRows: 4, maxRows: 6 }} />
+                  </Form.Item>
+                  <Form.Item>
+                    <Button type="primary" htmlType="submit" block>{currentOrg ? "Edit Org Description" : "Edit Tag Description"}</Button>
+                  </Form.Item>
+                </Form>
+              </Col>
+            </Row>
+
+            {currentTag ?
+            <>
+            <Row>
+              <Title level={4}>Mod Settings</Title>
+            </Row>
+            <Row style={{ justifyContent: 'space-between' }}>
+              <Col span={8}>
+                <Button size="large" onClick={() => editModSettings(1)} type="primary">
+                  Public
+                </Button>
+                <StyledCard>Writers can directly post on tag.</StyledCard>
+              </Col>
+              <Col span={8}>
+                <Button size="large" onClick={() => editModSettings(2)} type="primary">
+                  Moderated
+                </Button>
+                <StyledCard>Moderators allow posts on the tag.</StyledCard>
+              </Col>
+              <Col span={8}>
+                <Button size="large" onClick={() => editModSettings(3)} type="primary">
+                  Private
+                </Button>
+                <StyledCard>Only moderators can post on the tag. Fit for internal tags.</StyledCard>
+              </Col>
+            </Row>
+            </>
+            : null}
+          </Col>
+        </Row>
+      </>
+    )
+  } else {
+    return (<div></div>)
+  }
+}
+
+export default GroupSetting
diff --git a/components/profile/Tab_list.tsx b/components/profile/Tab_list.tsx
index 5bf96c5..aac7665 100644
--- a/components/profile/Tab_list.tsx
+++ b/components/profile/Tab_list.tsx
@@ -15,7 +15,7 @@ const Tab_list=(props)=>{
 	  } = router;
 	  return(
 	  	<>
-		<Tabs tabPosition={props.position} size={'large'} animated={false} onTabClick={key=>props.onClick(key)}>
+		<Tabs tabPosition={props.position} activeKey={props.activeKey} size={'large'} animated={false} onTabClick={key=>props.onClick(key)}>
 			{[...props.tabs].map(i=>(
 				<TabPane tab={i} key={i}>
             	</TabPane>
@@ -24,4 +24,4 @@ const Tab_list=(props)=>{
 		</>
 	);
 };
-export default Tab_list;
\ No newline at end of file
+export default Tab_list;
diff --git a/lib/api/organizations.ts b/lib/api/organizations.ts
index cf20367..d5df21d 100644
--- a/lib/api/organizations.ts
+++ b/lib/api/organizations.ts
@@ -20,12 +20,99 @@ const OrganizationsAPI = {
       return error.response;
     }
   },
+  changeModSettingOrg: async (org,setting) => {
+    const body = JSON.stringify({organization: {modSetting: setting, old_slug: org,
+                                        slug: org}});
+    const user: any = window.localStorage.getItem("user");
+    const user2: any = JSON.parse(user);
+    const token = user2?.token;
+    try {
+      const response = await axios.put(
+        `${SERVER_BASE_URL}/organizations/${org}`,
+        body,
+        {
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Token ${encodeURIComponent(token)}`,
+          },
+        }
+      );
+      return response;
+    } catch (error) {
+      return error.response;
+    }
+  },
+  changeOrgSlug: async (org,slug) => {
+    const body = JSON.stringify({organization: {old_slug: org, slug: slug}});
+    const user: any = window.localStorage.getItem("user");
+    const user2: any = JSON.parse(user);
+    const token = user2?.token;
+    try {
+      const response = await axios.put(
+        `${SERVER_BASE_URL}/organizations/${org}`,
+        body,
+        {
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Token ${encodeURIComponent(token)}`,
+          },
+        }
+      );
+      return response;
+    } catch (error) {
+      return error.response;
+    }
+  },
+  changeOrgDescription: async (org,description) => {
+    const body = JSON.stringify({organization: {description: description,
+                                  old_slug: org, slug: org}});
+    const user: any = window.localStorage.getItem("user");
+    const user2: any = JSON.parse(user);
+    const token = user2?.token;
+    try {
+      const response = await axios.put(
+        `${SERVER_BASE_URL}/organizations/${org}`,
+        body,
+        {
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Token ${encodeURIComponent(token)}`,
+          },
+        }
+      );
+      return response;
+    } catch (error) {
+      return error.response;
+    }
+  },
+  changeOrgPic: async (pic) => console.log("this will change the pic of the org",pic),
+  removeFromOrg: async (org,member) => {
+    const body = JSON.stringify({profile: {
+        username: member}})
+    const user: any = window.localStorage.getItem("user");
+    const user2: any = JSON.parse(user);
+    const token = user2?.token;
+    try {
+      const response = await axios.delete(
+        `${SERVER_BASE_URL}/organizations/${org}/members`, {
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Token ${encodeURIComponent(token)}`,
+          },
+          data: body
+        }
+      );
+      return response;
+    } catch (error) {
+      return error.response;
+    }
+  },
   unfollow: async (slug) => {
     const user: any = JSON.parse(window.localStorage.getItem("user"));
     const token = user?.token;
     try {
       const response = await axios.delete(
-        `${SERVER_BASE_URL}/organizations/${slug}/follow`, 
+        `${SERVER_BASE_URL}/organizations/${slug}/follow`,
         {
           headers: {
             Authorization: `Token ${encodeURIComponent(token)}`,
@@ -57,4 +144,4 @@ const OrganizationsAPI = {
   get: async (slug) => axios.get(`${SERVER_BASE_URL}/organizations/${slug}`),
 };
 
-export default OrganizationsAPI;
\ No newline at end of file
+export default OrganizationsAPI;
diff --git a/lib/api/tag.ts b/lib/api/tag.ts
index 260f908..3a0005c 100644
--- a/lib/api/tag.ts
+++ b/lib/api/tag.ts
@@ -4,12 +4,14 @@ import { SERVER_BASE_URL } from "../utils/constant";
 
 const TagAPI = {
   getAll: () => axios.get(`${SERVER_BASE_URL}/tags`),
-  get: async(slug,user) => {
+  get: (slug) => axios.get(`${SERVER_BASE_URL}/tags/${slug}`),
+  follow: async (slug) => {
+    const user: any = JSON.parse(window.localStorage.getItem("user"));
     const token = user?.token;
-
     try {
-      const response = await axios.get(
-        `${SERVER_BASE_URL}/tags/${slug}`,
+      const response = await axios.post(
+        `${SERVER_BASE_URL}/tags/${slug}/follow`,
+        {},
         {
           headers: {
             Authorization: `Token ${encodeURIComponent(token)}`,
@@ -19,14 +21,16 @@ const TagAPI = {
       return response;
     } catch (error) {
       return error.response;
-    }},
-  follow: async (slug) => {
+    }
+  },
+
+  rejectTag: async (article, currentTag) => {
     const user: any = JSON.parse(window.localStorage.getItem("user"));
     const token = user?.token;
     try {
-      const response = await axios.post(
-        `${SERVER_BASE_URL}/tags/${slug}/follow`,
-        {},
+      const response = await axios.put(
+        `${SERVER_BASE_URL}/tags/${currentTag}/articles/${article.slug}`,
+        { article },
         {
           headers: {
             Authorization: `Token ${encodeURIComponent(token)}`,
@@ -38,6 +42,7 @@ const TagAPI = {
       return error.response;
     }
   },
+
   unfollow: async (slug) => {
     const user: any = JSON.parse(window.localStorage.getItem("user"));
     const token = user?.token;
@@ -54,12 +59,76 @@ const TagAPI = {
     } catch (error) {
       return error.response;
     }
-  }
-, moderators: async (slug,member) => {
+  },
+  changeModSettingTag: async (tag,setting) => {
+    const body = JSON.stringify({tag: {modSetting: setting }});
+    const user: any = window.localStorage.getItem("user");
+    const user2: any = JSON.parse(user);
+    const token = user2?.token;
+    try {
+      const response = await axios.put(
+        `${SERVER_BASE_URL}/tags/${tag}`,
+        body,
+        {
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Token ${encodeURIComponent(token)}`,
+          },
+        }
+      );
+      return response;
+    } catch (error) {
+      return error.response;
+    }
+  },
+  changeTagDescription: async (tag,description) => {
+    const body = JSON.stringify({tag: description });
+    const user: any = window.localStorage.getItem("user");
+    const user2: any = JSON.parse(user);
+    const token = user2?.token;
+    try {
+      const response = await axios.put(
+        `${SERVER_BASE_URL}/tags/${tag}`,
+        body,
+        {
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Token ${encodeURIComponent(token)}`,
+          },
+        }
+      );
+      return response;
+    } catch (error) {
+      return error.response;
+    }
+  },
+  changeTagSlug: async (tag,slug) => {
+    const body = JSON.stringify({tag: {slug: slug, old_slug: tag}});
+    const user: any = window.localStorage.getItem("user");
+    const user2: any = JSON.parse(user);
+    const token = user2?.token;
+    try {
+      const response = await axios.put(
+        `${SERVER_BASE_URL}/tags/${tag}`,
+        body,
+        {
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Token ${encodeURIComponent(token)}`,
+          },
+        }
+      );
+      return response;
+    } catch (error) {
+      return error.response;
+    }
+  },
+  changeTagPic: async (pic) => console.log("this will change the pic of the tag",pic),
+  moderators: async (slug,member) => {
   const user: any = JSON.parse(window.localStorage.getItem("user"));
   const token = user?.token;
   try {
-    const response = await axios.post(
+    const response = await axios.put(
       `${SERVER_BASE_URL}/tags/${slug}/moderator/${member}`,{},
       {
         headers: {
diff --git a/lib/api/user.ts b/lib/api/user.ts
index c1e7017..3b757e8 100644
--- a/lib/api/user.ts
+++ b/lib/api/user.ts
@@ -65,6 +65,26 @@ const UserAPI = {
       return error.response;
     }
   },
+  changeModSettingTag: async (tag,setting) => {
+    const user: any = window.localStorage.getItem("user");
+    const token = user?.token;
+    try {
+      const response = await axios.post(
+        `${SERVER_BASE_URL}/organizations/${tag}`,
+        JSON.stringify({ setting }),
+        {
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Token ${encodeURIComponent(token)}`,
+          },
+        }
+      );
+      return response;
+      console.log(response);
+    } catch (error) {
+      return error.response;
+    }
+  },
   follow: async (username, email) => {
     const user: any = JSON.parse(window.localStorage.getItem("user"));
     const token = user?.token;
@@ -137,4 +157,4 @@ const UserAPI = {
   get: async (username) => axios.get(`${SERVER_BASE_URL}/profiles/${username}`),
 };
 
-export default UserAPI;
\ No newline at end of file
+export default UserAPI;
diff --git a/pages/dashboard/[pid].tsx b/pages/dashboard/[pid].tsx
index 7c95581..fb45dbb 100644
--- a/pages/dashboard/[pid].tsx
+++ b/pages/dashboard/[pid].tsx
@@ -5,17 +5,18 @@ import fetcher from "../../lib/utils/fetcher";
 import storage from "../../lib/utils/storage";
 import { SERVER_BASE_URL } from "../../lib/utils/constant";
 import UserAPI from "../../lib/api/user";
-import ArticleAPI from "../../lib/api/article";
 import checkLogin from "../../lib/utils/checkLogin";
 
-import ArticleList from "../../components/article/ArticleList";
+import GroupSetting from "../../components/profile/GroupSetting";
+import ArticleList from "../../components/global/ArticleList";
+import UserList from "../../components/global/UserList";
 import ErrorMessage from "../../components/common/ErrorMessage";
 import User from "../../components/global/User";
 import FollowList from "../../components/global/FollowList";
 import Tab_list from "../../components/profile/Tab_list";
 import Menu_list from "../../components/profile/Menu_list";
 import AccountSettings from "../../components/profile/AccountSettings";
-import { Row, Col, Tabs, Menu } from 'antd';
+import { Row, Col, Tabs, Menu, Divider } from 'antd';
 
 import styled from "styled-components";
 import AdminPanel from "../../components/profile/AdminPanel";
@@ -27,199 +28,373 @@ const StyledMenu = styled(Menu)`
 `
 
 const Profile = ({ initialProfile }) => {
-	const router = useRouter();
-	const {
-		query: { pid },
-	} = router;
-
-	const {
-		data: fetchedProfile,
-		error: profileError,
-	} = useSWR(
-		`${SERVER_BASE_URL}/profiles/${encodeURIComponent(String(pid))}`,
-		fetcher,
-		{ initialData: initialProfile }
-	);
-
-
-	if (profileError) return <ErrorMessage message="Can't load profile" />;
-
-	const { profile } = fetchedProfile || initialProfile;
-	const { username, bio, image, following } = profile;
-	let tabsList =[]
-	if(initialProfile.profile.isAdmin){
-		tabsList = ["Posts", "Followers", "Following", "Account Settings","Admin"]
-	}else{
-		tabsList = ["Posts", "Followers", "Following", "Account Settings"]
-	}
-	const [list, setList] = React.useState(tabsList)
-	const [tab_select_list, setTabList] = React.useState(["All Posts", "Published", "Drafts"])
-	const [isPosts, setPostsPage] = React.useState(true)
-	const [isFollowers, setFollowersPage] = React.useState(false)
-	const [isFollowings, setFollowingsPage] = React.useState(false)
-	const [isTag, setTagPage] = React.useState(false)
-	const [isSettings, setSettingsPage] = React.useState(false)
-	const [isAllArticles, setAllArticles] = React.useState(true);
-	const [isPublished, setPublished] = React.useState(false);
-	const [isDrafts, setDrafts] = React.useState(false);
-	const [isAdmin, setIsAdmin] = React.useState(false)
-
-	const { data: currentUser } = useSWR("user", storage);
-	const { data: fetchedArticles } = useSWR(`${SERVER_BASE_URL}/articles?author=${initialProfile.profile.username}`, fetcher);
-	const { data: dropDownTags } = useSWR(`${SERVER_BASE_URL}/tags?quantity=all`, fetcher);
-	const isLoggedIn = checkLogin(currentUser);
-	const isUser = currentUser && username === currentUser?.username;
-
-	const [articleType, setArticleType] = React.useState("all");
-
-	const { TabPane } = Tabs;
-
-	const TabChange = (key) => {
-		
-		if (key == "Posts") {
-			setTabList(["All Posts", "Published", "Drafts"])
-			setPostsPage(true)
-			setFollowersPage(false)
-			setFollowingsPage(false)
-			setTagPage(false)
-			setSettingsPage(false)
-
-			setAllArticles(true);
-			setDrafts(false);
-			setPublished(false);
-
-			setArticleType("all")
-			setIsAdmin(false)
-
-		}
-		else if (key == "Followers") {
-			setTabList(["Old -> New"])
-			setPostsPage(false)
-			setFollowersPage(true)
-			setFollowingsPage(false)
-			setTagPage(false)
-			setSettingsPage(false)
-			setIsAdmin(false)
-		}
-		else if (key == "Following") {
-			setTabList(["Old -> New"])
-			setPostsPage(false)
-			setFollowersPage(false)
-			setFollowingsPage(true)
-			setTagPage(false)
-			setSettingsPage(false)
-			setIsAdmin(false)
-		}
-		else if (key == "Account Settings") {
-			setTabList(["Settings", "Organization", "API Keys"])
-			setPostsPage(false)
-			setFollowersPage(false)
-			setFollowingsPage(false)
-			setTagPage(false)
-			setSettingsPage(true)
-			setIsAdmin(false)
-		}else if (key== "Admin"){
-			setIsAdmin(true)
-			setTabList(["Admin"])
-			setPostsPage(false)
-			setFollowersPage(false)
-			setFollowingsPage(false)
-			setTagPage(false)
-			setSettingsPage(false)
-		}
-		else {
-			setTabList(["Most Viewed", "Most Liked", "Most Recent"])
-			setPostsPage(false)
-			setFollowersPage(false)
-			setFollowingsPage(false)
-			setTagPage(true)
-			setSettingsPage(false)
-			setIsAdmin(false)
-		}
-	}
+  const router = useRouter();
+  const {
+    query: { pid },
+  } = router;
 
-	const TabView = (key) => {
-	 	if (key == "All Posts") {
-			setAllArticles(true);
-			setDrafts(false);
-			setPublished(false);
-
-			setArticleType("all");
-		}
-		else if (key == "Published") {
-			setAllArticles(false);
-			setDrafts(false);
-			setPublished(true);
-
-			setArticleType("published");
-		}
-		else if (key == "Drafts") {
-			setAllArticles(false);
-			setDrafts(true);
-			setPublished(false);
-
-			setArticleType("drafts");
-		}
-		else {
-			setAllArticles(false);
-			setDrafts(false);
-			setPublished(false);
-		}
-	}
+	{/*fetches profile of user*/}
+  const {
+    data: fetchedProfile,
+    error: profileError,
+  } = useSWR(
+    `${SERVER_BASE_URL}/profiles/${encodeURIComponent(String(pid))}`,
+    fetcher,
+    { initialData: initialProfile }
+  );
 
-	const {
-		data: articleData,
-		error: articleError,
-	} = useSWR(
-		`${SERVER_BASE_URL}/profile/articles?type=${encodeURIComponent(String(articleType))}`,
-		fetcher
-	);
-
-	if (isUser) {
-		return (
-			<Row gutter={16} style={{ marginTop: "8em", marginLeft: "0", marginRight: "0" }}>
-				<Col span={2}></Col>
-				<Col className="gutter-row" span={4}>
-					<Row gutter={[16, 40]}>
-						<Col span={24}>
-							<User name={username} image={image} username={username} />
-						</Col>
-						<Col span={24}>
-							<StyledMenu>
-								{list.map(item => <Menu.Item key={item} onClick={item => TabChange(item.key)}>{item}</Menu.Item>)}
-							</StyledMenu>
-						</Col>
-					</Row>
-				</Col>
-				<Col span={12}>
-					<Row gutter={[16, 40]}>
-						<Col span={24}>
-							<Tab_list tabs={tab_select_list} onClick={key => TabView(key)} position={"top"} />
-						</Col>
-						<Col span={24} style={{ paddingTop: "0" }}>
-							{isPosts && articleData ? <ArticleList articles={articleData.articles} /> : null}
-							{isFollowers ? <FollowList followings={false} /> : null}
-							{isFollowings ? <FollowList followings={true} /> : null}
-							{isTag ? <ArticleList /> : null}
-							{isSettings ? <AccountSettings /> : null}
-							{isAdmin ?<AdminPanel tags = {dropDownTags}/>:null}
-						</Col>
-					</Row>
-				</Col>
-				<Col span={3}>
-					{isSettings ? <p style={{ opacity: "0.7", marginTop: "16px", fontSize: "18px" }}>Live Website</p> : null}
-				</Col>
-			</Row>
-		);
-	}
-	else {
-		return (<div></div>)
+  if (profileError) return <ErrorMessage message="Can't load profile" />;
+
+	{/*fetches all tags a user is part of*/}
+  const {
+    data: modTags,
+    error: tagError,
+  } = useSWR(`${SERVER_BASE_URL}/profiles/${encodeURIComponent(String(pid))}/tags`, fetcher)
+
+	let tagsList = [];
+
+ 	if (modTags) {tagsList = modTags.tags.filter(modTag => modTag.moderator);}
+
+  const { profile } = fetchedProfile || initialProfile;
+  const { username, bio, image, following } = profile;
+  let tabsList = []
+  if (initialProfile.profile.isAdmin) {
+    tabsList = ["Posts", "Followers", "Following", "Account Settings", "Admin"]
+  } else {
+    tabsList = ["Posts", "Followers", "Following", "Account Settings"]
+  }
+  const [list, setList] = React.useState(tabsList)
+  const [tab_select_list, setTabList] = React.useState(["All Posts", "Published", "Drafts"])
+  const [isPosts, setPostsPage] = React.useState(true)
+  const [isFollowers, setFollowersPage] = React.useState(false)
+  const [isFollowings, setFollowingsPage] = React.useState(false)
+  const [isTag, setTagPage] = React.useState(false)
+  const [isSettings, setSettingsPage] = React.useState(false)
+  const [isAllArticles, setAllArticles] = React.useState(true);
+  const [isPublished, setPublished] = React.useState(false);
+  const [isDrafts, setDrafts] = React.useState(false);
+  const [isAdmin, setIsAdmin] = React.useState(false);
+
+  const [subTags, setSubTags] = React.useState(false);
+  const [pubTags, setPubTags] = React.useState(false);
+  const [tagSettings, setTagSettings] = React.useState(false);
+  const [tagsType, setTagsType] = React.useState("Submitted");
+  const [currentTag, setTag] = React.useState(null);
+
+  const [currentOrg, setOrg] = React.useState(null);
+  const [isOrg, setOrgPage] = React.useState(false);
+  const [isMembers, setMembers] = React.useState(false);
+  const [isSubOrgs, setSubOrgs] = React.useState(false);
+  const [isOrgSettings, setOrgSettings] = React.useState(false);
+
+  const { data: currentUser } = useSWR("user", storage);
+  const { data: fetchedArticles } = useSWR(`${SERVER_BASE_URL}/articles?author=${initialProfile.profile.username}`, fetcher);
+  const { data: dropDownTags } = useSWR(`${SERVER_BASE_URL}/tags?quantity=all`, fetcher);
+
+  const isLoggedIn = checkLogin(currentUser);
+  const isUser = currentUser && username === currentUser ?.username;
+
+  const [articleType, setArticleType] = React.useState("all");
+  const [orgTagSettings, setOrgTagSettings] = React.useState(false);
+  const [tabKey, setTabKey] = React.useState(null);
+  const [internalTab, setInternalTab] = React.useState(false);
+
+  {/*for article items/admin/everything not orgs and tags in menu*/ }
+  const MenuChange = (key) => {
+    setTagPage(false)
+    setOrgPage(false)
+    setInternalTab(false);
+    if (key == "Posts") {
+      setTabList(["All Posts", "Published", "Drafts"])
+      setPostsPage(true)
+      setFollowersPage(false)
+      setFollowingsPage(false)
+      setSettingsPage(false)
+      setIsAdmin(false)
+
+      TabView("All Posts");
+      setTabKey("All Posts");
+    }
+    else if (key == "Followers") {
+      setTabList(["Old -> New"])
+      setPostsPage(false)
+      setFollowersPage(true)
+      setFollowingsPage(false)
+      setSettingsPage(false)
+      setIsAdmin(false)
+    }
+    else if (key == "Following") {
+      setTabList(["Old -> New"])
+      setPostsPage(false)
+      setFollowersPage(false)
+      setFollowingsPage(true)
+      setSettingsPage(false)
+      setIsAdmin(false)
+    }
+    else if (key == "Account Settings") {
+      setTabList(["Settings", "Organization", "API Keys"])
+      setPostsPage(false)
+      setFollowersPage(false)
+      setFollowingsPage(false)
+      setSettingsPage(true)
+      setIsAdmin(false)
+    }
+    else if (key == "Admin") {
+      setIsAdmin(true)
+      setTabList(["Admin"])
+      setPostsPage(false)
+      setFollowersPage(false)
+      setFollowingsPage(false)
+      setSettingsPage(false)
+    }
+    setTabKey(tab_select_list[0]);
+  }
+
+  {/*for tag menu items*/ }
+  const TagChange = (key) => {
+    setInternalTab(false);
+    setPostsPage(false)
+    setFollowersPage(false)
+    setFollowingsPage(false)
+    setSettingsPage(false)
+    setIsAdmin(false)
+    setOrgPage(false)
+
+    setTabList(["Submitted", "Published", "Settings"])
+    setTagPage(true);
+    setTag(key);
+
+    TabView("Submitted");
+    setTabKey(tab_select_list[0]);
+  }
+
+  {/*for org menu items*/ }
+  const OrgChange = (key) => {
+    setInternalTab(false)
+    setPostsPage(false)
+    setFollowersPage(false)
+    setFollowingsPage(false)
+    setSettingsPage(false)
+    setIsAdmin(false)
+    setTagPage(false);
+
+    setTabList(["Submitted", "Members", "Settings"])
+    setOrgPage(true);
+    setOrg(key);
+
+    TabView("Submitted");
+    setTabKey(tab_select_list[0]);
+  }
+
+  {/*switching between top tabs*/ }
+  const TabView = (key) => {
+    setTabKey(key);
+    if (key == "All Posts") {
+      setAllArticles(true);
+      setDrafts(false);
+      setPublished(false);
+
+      setArticleType("all");
+    }
+    else if (key == "Published") {
+      if (isPosts) {
+        setAllArticles(false);
+        setDrafts(false);
+        setPublished(true);
+
+        setArticleType("published");
+      } else {
+        setSubTags(false);
+        setPubTags(true);
+        setTagSettings(false);
+      }
+    }
+    else if (key == "Drafts") {
+      setAllArticles(false);
+      setDrafts(true);
+      setPublished(false);
+
+      setArticleType("drafts");
+    }
+    else if (key == "Submitted") {
+      if (isOrg) {
+        setSubOrgs(true);
+        setMembers(false);
+        setOrgSettings(false);
+      } else {
+        setSubTags(true);
+        setPubTags(false);
+        setTagSettings(false);
+      }
+    }
+    else if (key == "Settings") {
+      if (isOrg) {
+        setSubOrgs(false);
+        setMembers(false);
+        setOrgSettings(true);
+      } else {
+        setSubTags(false);
+        setPubTags(false);
+        setTagSettings(true);
+      }
+    }
+    else if (key == "Members") {
+      setSubOrgs(false);
+      setMembers(true);
+      setOrgSettings(false);
+    }
+    else {
+      setAllArticles(false);
+      setDrafts(false);
+      setPublished(false);
+    }
+  }
+
+	{/*fetches organizations user is part of*/}
+  const {
+    data: orgData,
+    error: orgError,
+  } = useSWR(
+    `${SERVER_BASE_URL}/profile/organizations`,
+    fetcher
+  );
+
+  let orgsMod = [];
+
+	if (orgData) {orgsMod = orgData.organizations.filter(({ moderators }) => (
+		moderators.some(profile => profile.profile.username == username)))}
+
+	{/*fetches members of an organization*/}
+  const {
+    data: orgMembers,
+    error: membersError,
+  } = useSWR(
+    `${SERVER_BASE_URL}/organizations/${currentOrg}/members`,
+    fetcher
+  )
+
+  if (membersError) { null }
+
+	{/*fetches all articles from an organization*/}
+  const {
+    data: orgArticles,
+    error: orgArticleError,
+  } = useSWR(
+    `${SERVER_BASE_URL}/organizations/${currentOrg}/articles`,
+    fetcher
+  );
+
+	{/*fetches all articles, drafts or published articles from the user*/}
+  const {
+    data: articleData,
+    error: articleError,
+  } = useSWR(
+    `${SERVER_BASE_URL}/profile/articles?type=${encodeURIComponent(String(articleType))}`,
+    fetcher
+  );
+
+	{/*articles from the current tag*/}
+  const {
+    data: tagReviews,
+    error: reviewsError,
+  } = useSWR(
+    `${SERVER_BASE_URL}/articles?tag=${encodeURIComponent(String(currentTag))}`,
+    fetcher
+  );
+
+  let needsReview = [];
+  let publishedTags = [];
+
+	if (tagReviews) {
+		needsReview = tagReviews.articles.filter(tagData => tagData.needsReview);
+		publishedTags = tagReviews.articles.filter(tagData => tagData.isPublished);
 	}
+
+  if (isUser) {
+
+    return (
+      <Row gutter={16} style={{ marginTop: "8em", marginLeft: "0", marginRight: "0" }}>
+        <Col span={2}></Col>
+        <Col className="gutter-row" span={4}>
+          <Row gutter={[16, 40]}>
+            <Col span={24}>
+              <User name={username} image={image} username={username} />
+            </Col>
+            <Col span={24}>
+              <StyledMenu>
+                {list.map(item => <Menu.Item key={item} onClick={item => MenuChange(item.key)}>{item}</Menu.Item>)}
+                <Menu.Divider />
+                {orgsMod.map(item => <Menu.Item key={item.slug} onClick={item => OrgChange(item.key)}>{item.name}</Menu.Item>)}
+                <Menu.Divider />
+                {tagsList.map(item => <Menu.Item key={item.slug} onClick={item => TagChange(item.key)}>{item.tagname}</Menu.Item>)}
+              </StyledMenu>
+            </Col>
+          </Row>
+        </Col>
+        <Col span={12}>
+          <Row gutter={[16, 40]}>
+            <Col span={24}>
+              <Tab_list tabs={tab_select_list}
+                activeKey={internalTab ? tabKey : tab_select_list[0]}
+                defaultActiveKey={tab_select_list[0]}
+                onClick={key => { TabView(key); setInternalTab(true); }}
+                position={"top"} />
+            </Col>
+            <Col span={24} style={{ paddingTop: "0" }}>
+              {isPosts && articleData ? <ArticleList articles={articleData.articles} /> : null}
+
+              {isFollowers ? <FollowList followings={false} /> : null}
+              {isFollowings ? <FollowList followings={true} /> : null}
+
+              {isTag ? tagSettings ?
+                <GroupSetting page={"tag"} currentTag={currentTag} /> :
+                pubTags ?
+                  <ArticleList
+                    modReview={true}
+                    currentTag={currentTag}
+                    articles={publishedTags} /> :
+                  <ArticleList
+                    articles={needsReview}
+                    currentTag={currentTag} />
+                : null}
+
+              {isOrg ?
+                orgMembers ?
+                  orgArticles ?
+                    isOrgSettings ?
+                      <GroupSetting page={"org"}
+                        currentOrg={currentOrg} /> :
+                      isMembers ?
+                        <UserList
+                          currentOrg={currentOrg}
+                          users={orgMembers.organization.followers.concat(orgMembers.organization.moderators)} /> :
+                        <ArticleList
+                          articles={orgArticles.articles}
+                          currentOrg={currentOrg} /> :
+                    null :
+                  null :
+                null}
+
+              {isSettings ? <AccountSettings /> : null}
+
+              {isAdmin ? <AdminPanel tags={dropDownTags} /> : null}
+            </Col>
+          </Row>
+        </Col>
+        <Col span={3}>
+          {isSettings ? <p style={{ opacity: "0.7", marginTop: "16px", fontSize: "18px" }}>Live Website</p> : null}
+        </Col>
+      </Row>
+    );
+  }
+  else {
+    return (<div></div>)
+  }
 };
 
 Profile.getInitialProps = async ({ query: { pid } }) => {
-	const { data: initialProfile } = await UserAPI.get(pid);
-	return { initialProfile };
+  const { data: initialProfile } = await UserAPI.get(pid);
+  return { initialProfile };
 };
 
 export default Profile;
diff --git a/pages/tag/[pid].tsx b/pages/tag/[pid].tsx
index 3d1ba87..c1a0310 100644
--- a/pages/tag/[pid].tsx
+++ b/pages/tag/[pid].tsx
@@ -30,7 +30,7 @@ const StyledTagTitle = styled.div`
   padding-bottom: 1.5em;
 `;
 
-const StickyLeft = styled(Affix)`  
+const StickyLeft = styled(Affix)`
   display: none;
   @media screen and (min-width: 850px) {
       display:block;
@@ -61,11 +61,11 @@ const TagPage = (id) => {
 	const [tags, setTags] = React.useState(JSON.parse("[{}]"))
 	const getTags = async (currentUser) => {
 		if (id != null) {
-			const { data: initialTag } = await TagAPI.get(id.id, currentUser);
+			const { data: initialTag } = await TagAPI.get(id.id);
 			setTags(initialTag)
 		}
 	}
-	
+
 	React.useEffect(() => {
 		let user = JSON.parse(localStorage.getItem("user"))
 		getTags(user)